本文详细介绍了CSS层叠样式表的概念及其在HTML中的应用方式。包括内联样式、内部样式表、外部样式表的使用方法，以及如何通过选择符定义样式规则。此外还列举了字体、颜色、文本等常见样式属性。
1.css定义
Cascade style sheet 层叠样式表
为W3C标准
用来装饰HTML/XML的标记集合
2.特点
样式表又样式规则组成，以告诉浏览器如何显示一个文档
每个规则的组成包括一个选择符，通常是一个HTML元素 和该选择符所接受的样式
每个元素可以定义多个属性 ，每个属性带有一个值，共同描述选择符如何呈现
3.样式表的元素出现在头文件中，然后在Body使用时候对其调用。
4.他在头文件中表现的形式有哪些？
一。。。。。。<style type=”text/css”>
H1(font-size:16pt;color:red)
</style>//////body中标签是H1就可以对其引用
当然 也可以把这个修饰放到body具体标签里面的style属性后面，但这样就不是典型的css了。
二。。可以将css文件引用到html文件里面，然后body直接就使用css文件里面的文件样式。
引用是出现在头文件里边，
<head>
<link rel=stylesheet href=”0.3css” type=”text/css”>
这样，在body里面就可以使用0.3.css里边的样式标签了
三。。css修饰在头文件里边
p.code(font………..)
p.comment(font…….)
在body里面引用
<p class=”comment”>
也就是说。那个点 是和class连接起来使用的。
或者去掉p 就直接.code 这样的话 在Body里面任何class为code的都能使用样式，之前只能是p的（段落）才能使用
四。。。#和ID结合使用
#code1(font………..)
在body里面引用
<h1 id=”code1”>
这种方式不是很好，因为每个标签的id最好不一样，但这样使用的话 一样的样式就得用一样的ID 就造成了ID一样的情况。
五。。可以一次性定义多个选择符的样式
H1,H2,H3{color=…………….} 逗号表示或的关系，遇到这些标签都要做相应的样式
P H1{} 空格表示包含的关系 在P（段落）下的H1标签。。
5.标签的属性
一。字体的属性（字体，字体样式，字体大小，字体颜色）
二。颜色与背景属性（颜色，背景色，背景图案，背景图案重复方式，背景滚动，背景图案初始位置）
三。文本属性（单词间距 字母间距 垂直方向位置 对其 缩进 行高）
四。装饰超链接：伪类修饰符
A:link(color:green;text-decoration:none)未访问的状态
A:active(color:blue;text-decoration:none)访问过后的状态
A:visited(color:orange;text-decoration:none)鼠标店中不放时的状态
A:hover(color:red;text-decoration:none)鼠标划过时的状态
五。边框的属性（上边框宽度，右边框宽度，左边框宽度，下边框宽度，四边边框宽度，边框颜色，边框样式）
六。图文混编（宽度，高度，文字环绕，去除文字环绕）
七。列表属性（是否显示，空白部分，项目编号，项目前图片，第二行位置，全部属性
八。鼠标属性（也就是显示的图样，右帮助，各个方向的箭头，一些特殊符号）
九。一个图覆盖在另一个图上，用的是style=”Z-INDEX:1”这个熟悉
扫一扫
2071
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
