第一讲

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>

  

原文地址:https://www.cnblogs.com/SpringSmallGrass/p/3023952.html