CSS发展史
使用CSS+DIV的优点
采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下3个显著优
选择器{样式1:样式值1;样式2:样式值2;……}
样式表的分类
1、行内样式表
在html标记内,使用style属性定义css样式。
如:<p style=”color:#00ffdc;”></p>
、内嵌样式就是将css添加到<head>与</head>之间,并用<style></style>标记声明的一种样式。
语法如下:
<style>
/*这里写css内容*/
</style>
3、在外部定义css样式表,通过<link/>链接标记链接到页面中的一种样式。
语法:
<link href="style.css" rel="stylesheet" type="text/css" />
4、在外部定义css样式表,通过导入方式链接到页面中的一种样式。
语法:
<style>
@import url();
</style>
样式表优先级
选择器{样式1:样式值1;样式2:样式值2;……}
设置所有标签使用同一样式,用*来表示
全局选择器语法:*{ }
标签选择器的语法:p{}
类选择器
类选择器:用来为一系列标签定义相同的样式
类选择器的语法: .classname{}
先定义
.blue{color:#00000ff;}
然后再引用
<h2 class=“blue” >一站式建店</h2>
ID选择器的语法:#idname{}
先定义
#green{color:#0000ff;}
再引用样式
<h2 id=“green” >一站式建店</h2>
用法和class类似,但要注意同一id名在同一个页面中只能出现一次
选择器的优先级及权重
element/1,
*/0
颜色值的表示法