前端学习之css的示例分析-创新互联

这篇文章给大家分享的是有关前端学习之css的示例分析的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

成都创新互联不只是一家网站建设的网络公司；我们对营销、技术、服务都有自己独特见解，公司采取“创意+综合+营销”一体化的方式为您提供更专业的服务！我们经历的每一步也许不一定是最完美的，但每一步都有值得深思的意义。我们珍视每一份信任，关注我们的成都网站建设、成都网站设计质量和服务品质，在得到用户满意的同时，也能得到同行业的专业认可，能够为行业创新发展助力。未来将继续专注于技术创新，服务升级，满足企业一站式营销型网站建设需求，让再小的高端网站设计也能产生价值！

一、概述

1、格式：

前端学习之css的示例分析

二、css 属性

1、文字属性

（1）font-style：italic（斜体）normal（正常）；

（2）font-weight：bold/bolder/lighter（粗细），还可以用数字（100-900）；

（3）font-size：20px，一定要带单位 px；

（4）font-family："楷体"；写中文要用引号；

备用字体 font-family："楷体"，"微软雅黑"；
中英文分别设置字体 font-family："Arial"，"楷体"（英文字体在前，中文字体在后，这里的中文字体指能够处理中文的字体）

（5）文字属性的简写： font：style weight size family

style 和 weight 可以交换位置，size 和 family 可以交换位置，但是 size 和 family 一定要在最后；
style 和 weight 可以省略不写，但是 size 和 family 不能省略；

2、文本属性

（1）文本装饰：text-decoration：underline | overline | line-through | none；

（2）水平对齐：text-align：center；

（3）文本缩进：text-indent：2em；

3、颜色控制属性（color）

（1）英文：表达有限，用于调试；

（2）RGB（red ，green ，blue）：取值0到255；三值一样为灰色；

（3）RGBA：前面和 rgb 一样，最后一个是透明度，取值0到1；

（4）十六进制：原理就是 rgb；两位16进制对一位 rgb；

（5）十六进制简写：

前端学习之css的示例分析必须是这个形式才能简写

三、css 选择器

1、标签选择器

所有标签选中

2、id 选择器

id 唯一；
字母、下划线和数字组成，数字不开头；

3、类选择器

class="类名类名"（多类）
多类应用：分类组合

4、后代选择器

格式：tag tag｛｝；
上面的 tag 可以是标签、id 和 class 选择器；
可以无限往下发展；
后代包含子和孙；

5、子元素选择器

格式：tag>tag｛｝
不能有空格

6、交集选择器（*）

格式：tagtag｛｝
二者无任何符号

7、并集选择器

格式：tag，tag｛｝

8、兄弟选择器

相邻兄弟：+ 连接；只能选中同级相邻后面的一个且中间不能隔开
通用兄弟：~ 连接；同级指定标签的后面，无论是否隔开

感谢各位的阅读！关于“前端学习之css的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享名称：前端学习之css的示例分析-创新互联
文章出自：http://scyanting.com/article/djhopg.html