CSS的概念
Cascading Style Sheet 级联样式表
表现HTML或XHTML文件样式的计算机语言
包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定
CSS的优势:
内容与表现分离
网页的表现统一,容易修改
丰富的样式,使得页面布局更加灵活
减少网页的代码量,增加网页的浏览速度,节省网络带宽
运用独立于页面的CSS,有利于网页被搜索引擎收录
CSS基本语法结构: 属性 值
选择器{声明1: H1**{font-size**:12px;
声明2: color:#F00;
………..} ………..}
HTML中引入CSS样式:
1:行内样式:使用style属性引入CSS样式
(
style属性的应用
直接在HTML标签中设置的样 式
)2:内部样式表:CSS代码写在的标签中
h1{color: green; }
优点:
方便在同页面中修改样式
缺点:
不利于在多页面间共享复用代码及维护,对内容与样式的分离也不够彻底
3:外部样式表:CSS代码保存在扩展名为.css的样式表中
HTML文件引用扩展名为.css的样式表,有两种方式
链接外部样式表
…… 文件路径 使用外币样式表 文件类型
……
导入外部样式表
……
![这里写图片描述](https://img-blog.csdn.net/20180820171031468?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d4al8wOTIz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
![这里写图片描述](https://img-blog.csdn.net/2018082017104243?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d4al8wOTIz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
这里写图片描述
“`