css基础特性

         2016.12.4

1、样式的种类：内部样式表、外部样式表、内联样式规则

2、link。描述两个文档之间的关系，与a元素不同，link是自动关联的，无需用户点击

3、字体与字型。字型是一个字体族，如Arial字体族，字体是字体族的一个特定成员

4、font-family。用于指定字型

5、font-size。

长度单位：px、em、ex、pt、in、cm、pc、mm、rem、vw、vh

         绝对尺寸：xx-small、x-small、samll、medium、large、x-large、xx-large

         相对尺寸（与周围文本）：smaller、larger

         百分比（相对于父元素）：

6、font-weight。字体的粗细，取值：normal、bold、bolder、lighter、100、200。。。。。。900

7、font-style。normal、italic（倾斜）、oblique（伪倾斜，与倾斜效果一样）

8、font-variant。取值：normal、small-caps（将会以小型大写字母显示）

9、color。文本颜色

10、text-align：left、right、center、justify

11、text-decoration。Underline、overline、line-through

12、text-indent。缩进，2em

13、text-shadow。用于创建投影。（c,x,y,i）值：c(颜色) x(投影的横距离) y（投影的垂直距离） i (i为模糊程度，i值越大越模糊) px

14、text-transform。None（不改变）capitalize（每个单词首字母大写）uppercase（全为大写）lowercase（全为小写）

15、letter-spacing。字符间的间隙，为负值时为减的意思

16、word-spacing。单词间的距离，为负值时为减的意思

17、white-space。Normal（正常的空格压缩）、pre（与pre元素效果相同）、nowrap（只有显示的使用<br>元素时才换行）

18、direction特性。次效果与使用dir属性相似。ltr、rtl（但是他的完全停滞符回显示在左边）、inherit（继承父元素的文本流向）

代码：

<div style="direction: rtl;">wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwws,?</div>

 

 

 

 

效果：

 

19、first-letter伪类。指定适用元素的首字符样式。例如：p：first-letter{color：red}，将会使p元素的第一个字符颜色为红色。

20、first-line伪类。指定适用于元素的第一行样式。

选择器

21、*。通用选择器

22、h1、h2、h3 。类型选择器

23、#id。Id选择器

24、p>b。子选择器，p元素下的直接b元素样式、

25、p b。后代选择器，作用于p元素的所有b元素

26、span+p。相邻兄弟选择器。Span后的第一个同级p元素样式

27、span~p。一般兄弟选择器。Span元素后的所有同级p元素的样式。注意：span前的不起作用

特性选择器（元素包含的特性及取值）

28、p[id]。存在选择器。任何带有id特性的p元素

29、p[id=”s”]。相等选择器。任何带有id特性且id值为s，的p元素

30、p[class~=”p”]。空格选择器。Class特性中带有p，的p元素特性