行内样式表:<div style="width:400px;height:200px;background-color:#FFF"></div> 缺点:样式只能操作某一个标签 优点:十分灵活,可以进行细节的调节
嵌入式样式表:<style type="text/css"></style>(可以通过一条语句操作多个标签或类)
引用式样式表:<link href="main.css" rel="stylesheet" type="text/css" />(这样写的前提是HTML页面与CSS文件在同一文件夹下)
main.css(一个单独的CSS文件 多个HTML文件可以引用一个CSS样式表文件) 优点:占用空间资源少,修改方便,只要修改CSS文件就可以修改多个HTML页面的属性
CSS注释写法:/* */ HTML注释写法:<!-- -->
行内样式表一般写在标签头部 内嵌入式样式表、引用式样式表一般写在<head></head>标签内 能用引用式样式表的地方就尽量用引用式
当三种样式表操作同一元素时,优先级依次为:行内样式表 嵌入式样式表 引用式样式表 即后出现的先应用
引用式样式表一般放在嵌入式样式表的前面
CSS书写规则:
p{ color:#f00; font-size:12px;}
注意:
不要忘记每条属性的“;”结尾
如果缺少符号或者书写错误则样式表失效
需要单位的值要加上单位,例如:px(像素单位)