CSS知识点总结资料.pdfVIP

1css

1.1css是什么

■CSS指层叠样式表（CascadingStyleSheets）

■样式定义如何显示HTML元素

样式通常存储在样式表（.CSS文件、CSS区域】

把样式添加到HTML4.C，是为了解决内容及表现分离的问题

外部样式表可以极大提高工作效率

外部样式表通常存储在CSS文件

❖多个样式定义可层叠为一

1.2css作用

■样式表解决了html的内容及表现分离

■使用样式表极大的提高了工作效率。

1.3css书写规则

本语法

■Css规则主要由两部分组成1.选择器2.一条或多条属性声明

■选择器主要作用是为了确定需要改变样式的HTML元素

■每一条声明由一个属性和一个值组成，使用花括号来包围声明，属性及值之间使用冒号（:）分开

■如图：

I

属性值属性值

---1-1--[、

hl{color:red;font-size:14px;}

选择器声明声明

值的单位

尺寸

单位重述

%百分

in英寸

cm厘米

mm麦米

emlem等于当前的宁体尺寸八

2em等干当前学体尺寸的两倍。

例如，如果某元素以12Pt显示，那么2em是24Pte

在CSS巾，em是非常有用的单位，因为它可以自动适应用户所使用的学体。

ex一个ex是一个字体的x-height。（x-height通常是字体尺寸的一半。）

pt磅（1Pt等于1/72英寸）

PC12点运字（1pc等于12点）

px像素（计宜机屏幕上的一个点）

颜色

单位描述

（颜色名）颜色名称（如red）

rgb(x,x,x)RGB值(如rgb(255,0,0))

rgb(x%,x%,x%)RGB百分值(如rgb(100%0%,0%))

z

#rrggbb+六进制数（如上什0000）

书写注意事项

■如果值为若干单词，则要给值加引号

■多个声明之间使用分号（;）分开

■css对大小写不敏感,如果涉及到及html文档•起使用时，class及id名称对大小写敏感

1.4导入css方式

第一种：内联样式表

■要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style属性可以包含任何CSS属

性

■例如：

w

divstyle=border:Ipxsolidblack〉这是一个DIV/〈div

■注意:慎用这种方式，它将内容及显示混合在一起，损失了样式表的优势。

■一般情况下，这种方式只有在一个标签上只应用一次样式时才会使用

第二种：内部样式表

■我们可以使用＜slyle＞标签在hlml文档的h〈ead〉来定义样式表。

■例如：

1!DOCYPEhtml

2ehtml