选择符:又称选择器,指明网页中要应用样式规则的元素
声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,用英文分号“;”分隔
1.文档内嵌样式
1 <head> 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 3 <title>创建css样式表的方式</title> 4 <style> 5 p{ 6 color:blue; 7 font-size:20px; 8 font-weight:bold; 9 } 10 </style> 11 </head> 12 <body> 13 <p>文档内嵌样式</p> 14 </body>
2.元素内嵌样式
<p style="color:red;font-size:50px;">这是一段文本</p>
3.※外部引用样式
1 test.html 2 <head> 3 <link rel="stylesheet" type="text/css" href="style.css"> 4 </head> 5 6 7 style.css 8 p{ 9 color:blue; 10 font-size:20px; 11 font-weight:bold; 12 }
rel 属性规定当前文档与被链接文档之间的关系。只有 rel 属性的 "stylesheet" (被链接文档是一个样式表)值得到了所有浏览器的支持。其他值只得到了部分地支持。