◆ CSS 定义：
cascading style sheets，指层叠样式表(级联样式表)。用来美化html标签的，相当于页面化妆。
◆ CSS的基本格式：
<head>
<style type="text/css">
/*样式内容*/
</style>
</head>◆ 颜色的显示方式：
◎直接写颜色的名称：red
◎十六进制显示颜色
#000000; 前2为代表红色，中间2位代表绿色，后边2位代表蓝色。
◎rgb：rgb(120,120,120)
◎rgba：rgba(120,120,120,0.5)
A代表alpha 不透明度 值 0-1
◆ 样式表书写位置：
1、内嵌式写法：
<head>
<style type=”text/css”>
样式表写法
</style>
</head>
2、外链式写法：
#在<head>标签中
<link rel=”stylesheet” href=”1.css”>3、行内样式表：
<div style="font-size: 30px;color: red">Hello</div>三种写法特点:
★内嵌式写法，样式只作用于当前文件，没有真正实现结构表现分离。
★外链式写法，作用范围是当前站点，谁调用谁生效，范围广，真正实现结构表现分离。
★行内样式表，作用范围仅限于当前标签，范围小，结构表现混在一起。 （不推荐使用）◆ CSS三大特性：
1、层叠性
当多个样式作用于同一个（同一类）标签时，样式发生了冲突，总是执行后边的代码(后边代码层叠前边的代码)。和标签调用选择器的顺序没有关系。
<head>
<style type="text/css">
.box2{
font-size: 200px;
color: blue;
}
.box{
font-size: 60px;
color: red;
}
</style>
</head>
<body>
<div class="box2 box">纸上得来终觉浅</div>
</body>
2、继承性
继承性发生的前提是包含（嵌套关系）
★文字颜色可以继承
★文字大小可以继承
★字体可以继续
★字体粗细可以继承
★文字风格可以继承
★行高可以继承总结：文字的所有属性都可以继承。
特殊情况：
h系列不能继承文字大小。
a标签不能继承文字颜色。3、优先级
默认样式<标签选择器<类选择器<id选择器<行内样式<!important
0 1 10 100 1000 1000以上示例：
<head>
<style type="text/css">
#con{
color: pink;
font-size: 100px;
}
.box{
color: green;
font-size: 60px;
}
div{
color: red !important;
font-size:60px !important;
}
</style>
</head>
<body>
<div class="box" id="con" style="font-size: 12px;color: yellow">纸上得来终觉浅</div>
</body>优先级特点
★继承的权重为0
★权重会叠加
641
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
