CSS层样式自学笔记1

来源:互联网 发布:谜画之塔mac下载 编辑:程序博客网 时间:2024/04/27 23:35

CSS样式定义
h1{             
color:#CC0000;  (属性:属性值)
background-color:#00FF00;
text-align:center;    /*每个属性记得用“;”分开*/
}
<h1>你好</h1>

在网页中直接使用H1标签即可使用原来H1字号和加粗
在加上这个样式前景色和背景色以及剧中


.B{  (css样式类定义)/*共用类*/
color:#FF0000;
background-color:#000000;
text-align:left;
}
h1.B /*h1指定使用的类*/

<h1 class="B">你好</h1>

使用了CLASS="B"
使用了定义CSS类为B的样式
所以会根据B样式显示而根据H1的样式

#B{  (css样式定义)
color:#FF0000;
background-color:#000000;
text-align:left;
}

用#的是使用 <h1 ID="B"></h1>这样来使用

 

CSS语法验证
http://jigsaw.w3.org/css-validator/