2.1 CSS一些常见的属性&&选择器

cascading style sheet

css是cascading style sheet 层叠式样式表的简写。

一些常见的属性

字符颜色：

color:red; color属性的值，可以是英语单词，比如red、blue、yellow等等；也可以是rgb、十六进制。

字号大小：

font-size:40px; font就是“字体”，size就是“尺寸”。px是“像素”。 单位必须加，不加不行。

背景颜色：

background-color: blue; background就是“背景”。

加粗：

font-weight: bold; font是“字体” weight是“重量”的意思，bold粗。

不加粗：

font-weight: normal; normal就是正常的意思

斜体：

font-style: italic; italic就是“斜体” 不斜体：font-style: normal;

下划线：

text-decoration: underline; decoration就是“装饰”的意思。

没有下划线：

text-decoration:none;

基础选择器

标签选择器

body { font-family: "Microsoft YaHei UI", serif; font-size: 14px; }

id选择器

#表示选择id 同一个页面内id不能重复

#a { font-family: "Microsoft YaHei UI", serif; font-size: 14px; }

类选择器

.表示选择类。 类可以重复

.a { font-family: "Microsoft YaHei UI", serif; font-size: 14px; }

后代选择器

空格就表示后代

div .a { font-family: "Microsoft YaHei UI", serif; font-size: 14px; }

交集选择器

交集选择器没有空格。

div.a { font-family: "Microsoft YaHei UI", serif; font-size: 14px; }

并集选择器（分组选择器）

用逗号就表示并集。

div,a { font-family: "Microsoft YaHei UI", serif; font-size: 14px; }

通配符*

*就表示所有元素。 效率不高，如果页面上的标签越多，效率越低，所以页面上不能出现这个选择器。

* { margin: 0; padding: 0; }

儿子选择器

IE7开始兼容，IE6不兼容。

div>p{ color:red; }

序选择器

IE8开始兼容 选择第1个li：

ul li:first-child{ color:red; }

选择最后一个1i：

ul li:last-child{ color:blue; }

下一个兄弟选择器

IE7开始兼容 +表示选择下一个兄弟

h3+p{ color:red; }

哪些属性能继承？

color、 text-开头的、line-开头的、font-开头的。 这些关于文字样式的，都能够继承； 所有关于盒子的、定位的、布局的属性都不能继承。