div 双标签
CSS语法 属性名:属性值;
Css引入方式
1、行间样式的引入:在标签中写一个style的属性。如:style="……" 。
缺点 不利于代码重用。
优点 优先级最高。
2、内部样式的引入,在head标签中写一个style的标签,在标签中通过选择器控制样式。
选择器写法:1. 标签选择器。
div{
……css样式
}
2.ID选择器
先给标签设置ID属性 如 id=“id名”
#id名{
……css样式
CSS语法 属性名:属性值;
Css引入方式
1、行间样式的引入:在标签中写一个style的属性。如:style="……" 。
缺点 不利于代码重用。
优点 优先级最高。
2、内部样式的引入,在head标签中写一个style的标签,在标签中通过选择器控制样式。
选择器写法:1. 标签选择器。
div{
……css样式
}
2.ID选择器
先给标签设置ID属性 如 id=“id名”
#id名{
……css样式
}
class选择器:
先在相应标签中设置一个class属性,如class=“class名”
.class名{
……css样式
}
注:class名以英文字母开头,可以多个标签重复使用。
优先级:
标签名选择器 < class选择器 < id选择器 < 行间样式
内部样式表
优点:加载速度快,不需要请求服务器;
缺点:不利于代码重用
(3). 外部样式表的引入
在head标签里,写一个link标签,用来关联一个css文件,在css文件中,通过选择器来控制样式
<link rel="stylesheet" href="css文件的路径">
优点:利于代码重用;
缺点:需要加载服务器。