CSS规则解剖
p:是用来选择的,你可以说成是选择符,你要给什么东西施加规则,你是要给一个元素施加规则,还是一个类别施加规则
color:是属性,指的是你要改变它的风格的哪一部分
red:是与属性相对应的值
上面整个黑色部分是一个Declaration block(声明的模块),每个大括号类不止可以声明一个 属性值
1.2.嵌入式样式表(适合风格比较少,网页的比较少的情况下):下面代码放入html文档中
<style type="text/css">//这里的写法跟javascript一样 p{color:red;// 这里是css规则,p指的是段落,只要是段落,我们给它施加这里的规则 background-color:gray;//background-color:设置这个段落的背景颜色为灰色 font-weight:bold;//设置这个段落为粗体 } </style>
1.3.链接式(层叠)样式表(最常用的方式,连接式层叠样式表不仅可以连接一个,在一个html中可以连接多个):
<link href="main.css" rel="Stylesheet"/>//rel:说明层叠样式表和当前html文档的关系,Sytlesheet表示是html的风格样式表
href 指明层叠样式表的路径
1.4.引入式样式表(不怎么用)
<style type="text/css"> @import url(main.css); </style>