CSS层叠样式表–网页美容师
1、Web标准（面试）
1） 为什么使用web标准：
由于浏览器内核不同，显示的页面或者排版有差异，通过web标准来展现统一的内容。
2） Web标准由W3C以及其他组织制定；
3） Web标准的三层组成：结构(structure)、表现(presentation)、行为(behavior);
结构：主要是对网页元素（文字、图片、超链）进行整理和分类—即HTML；
表现：主要是设置网页元素的版式、颜色、大小等外观样式(让界面变得更美观)—即CSS；
行为：是网页模型的定义以及交互的编写—主要javascript;
由于浏览器的内核不同，所以引入web标准是的页面在各个浏览器中展现大体相同！
2、
1）CSS优点：
[1]让我们的网页变得更加丰富多彩,布局更加灵活自如;
[2]让HTML从样式中脱离，让HTML专注做结构呈现（实现结构与样式分离）;
2)CSS作用：设置版面的布局和外观显示样式；、
3、CSS样式表—行内样式表、内部样式表、外部样式表；
1）行内样式表—在HTML标签内写
<标签名 style="样式属性1：属性值1；样式属性2：属性值2；样式属性3：属性值3；">
注：
[1]style作为HTML标签的属性（任何HTML标签都有style属性，都可以进行设置）；
[2]若存在多个样式属性—用分号分隔（HTML属性用空格分隔）；
2）内部样式表（一般写在<head></head>内）
<style type=""text/css>
选择器 {
属性1：属性值1 ；
属性2：属性值2 ；
属性3：属性值3 ；
属性4：属性值4 ；
}
</style>
注：
[1]type=""text/css在HTML5中可以省略；
[2]选择器；
[3]内部样式表初步实现了样式与结构相分离；
3）外部样式表
新建.css样式文件
选择器 {
属性1：属性值1 ；
属性2：属性值2 ；
属性3：属性值3 ；
属性4：属性值4 ；
}
在需要样式的.HTML文件的<head></head>中写入：
<link rel="stylesheet" type="text/css" href="样式表名称.css"/>
1)<link/>
| 属性 | 含义 |
|---|---|
| rel | 定义当前文档与被链接文档之间的关系，”stylesheet”表示被链接文档为样式表文件 |
| type | 表示链接的文件为css样式表（可省略) |
| href | 定义所链接外部样式文件的URL，（可以是相对路径也可为绝对路径） |
4、3种样式表对比
5、书写规范
1）提倡一行显示一个属性；
2）使用小写；
492
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
