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”这个熟悉