网站设计——9.3 知识点 CSS3入门

CSS3 ：实现结构与表现的分离
提供了丰富的样式： font：属性值；
color：属性值； background：属性值 float：属性值；

CSS样式规则
选择器{属性1：属性值1；属性2:属性值2；…}
选择器指定CSS样式中HTML对象，属性和属性值以键值对形式出现，用“：”连接，键值对用“；”进行区分

样式规则
1、选择器区分大小写
2、属性之间分号隔开
3、编写CSS代码时，加上CSS注释

引入CSS样式表
1、行内式
通过标记的style属性设置元素样式
语法格式
<标记名 style=”属性1：属性值1“；”属性2：属性值2“…>
2、内嵌式
将代码写入HTML文档的head头部标记

3、链入式
链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过标记将外部样式表文件链接到HTML文档中。

语法格式

CSS基础选择器

标记选择器
用HTML标记，按标记名称分类

语法格式
选择器{属性1：属性值1；属性2:属性值2；…}

类选择器
用“,”标识，紧跟类名
语法格式
.类名{属性1：属性值1；属性2:属性值2；…}

id 选择器
用“#”标识，紧跟id名
语法格式
#id名{属性1：属性值1；属性2:属性值2；…}

通配符选择器
用“*”表示，匹配页面所有的元素
语法格式

*{属性1：属性值1；属性2:属性值2；…}

文本样式属性

字体样式属性

font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位

font-style属性用于定义字体风格，如设置斜体、倾斜或正常字体。
语法格式
选择器{font: font-style font-variant font-weight font-size/line-height font-family;}