层叠样式表(CSS):
特点
- 多页面应用:CSS样式表可以单独存放在一个CSS文件中,可以在多个页面中使用同一个CSS样式表
- 层叠:对一个元素多次设置同一个样式,将使用最后一次设置的属性值
- 页面压缩:将样式的声明单独放到CSS样式表中,减小页面的体积,加载页面时使用的时间也减少
元素
-
替换元素:替换元素内部部分并非直接表示,如img,input
-
非替换元素:内容有浏览器在元素本身生成的框中表示,如div,span
-
块级元素:前后换行,如p,div
-
行内元素:不会打断文本,如a
CSS和HTML结合
- 外部样式表:
<link rel="stylesheet" type="text/css" href="sheet1.css" media="all" /> - 内联样式
<span style="width: 100%;"></span>