美化 -----CSS样式
选择器{
属性:值;
属性:值;
}
(1)标签选择器:选择器写法和标签是一致的。所有的这些标签会使用统一的样式
如果有个别某些h1不想使用这个样式怎么办?-->不能使用标签选择器
如果某些段落p也想使用h1的那个样式怎么办?-->类选择器
(2)类选择器
.red{
color:red;
}
(3)ID选择器
#green{
color:#00ff00;
}
<p id="green"></p>
<h1></h1>
<h1 class="red"></h1>
<h1></h1>
<h1></h1>
<p></p>
<p class="red"></p>
补充:
css注释 /* */
颜色?
使用英文单词: red yellow blue green.....
使用十六进制数字表示 0-9 a b c d e f
RGB = Red Green Blue
CSS怎么用
(1)内部样式表 本页面的所有元素
<style></style>
(2)内联样式
<p style=""></p>
(3)外部样式表
创建一个外部CSS文件:*.css,把样式写在文件中
谁想用这个样式,谁就把CSS引入
链接式
<link rel="stylesheet" href="css/types.css"/>
导入式
<style>
@import "css/types.css";
</style>
链接式和导入式的区别
@import是CSS2.1 先显示框架 再导入CSS
link链接式 先把样式加进来 之后运行网页