CSS指层叠样式表(CascadingStyleSheets)

《CSS指层叠样式表(CascadingStyleSheets)》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、CSS指层叠样式表（CascadingStyleSheets） CSS语法由三部分组成：选择器、属性和值：Selector{property:value} 例：body{color:blue;}若值为若干单词，需加引号。 选择器分组例：h1,h2,h3,h4{color:#ff0000;}使这几个标题的颜色都是绿色的。 派生选择器例：listrong{    font-style:italic;}指在li里的属性为strong的元素会变成斜体。 id选择器 以#定义#red{color:red;}这段是红色

2、的

注：每个id属性只能在html中出现一次。#mmp{color:red;}#mmh1{color:green;}作为派生选择器，指id为mm的段落是红色，h1标题是绿色的。注：id选择器作为派生选择器时，可出现多次。 类选择器以一个点号显示.center{text-align:center}aaaaa注：类选择器的第一个字符不能是数字。td.fancy{color:#f60;background:#666;}作为派生选择器，指类名为fancy的表格单元都是灰色背景的橙色。 如

3、何插入样式表3种方法①外部样式表注：外部样式表mystyle.css不包含任何html标签。②内部样式表hr{color:red;}③内联样式

4、。（内部样式比外部具体） CSS背景背景色p{backgroud-color:red;}背景图像p{backgroud-image:url(123.jpg);}背景重复p{backgroud-repeat:repeat;}repeat是图像在水平垂直方向上都平铺，相当于添加整个背景图像。repeat-x是图像在水平方向上平铺，repeat-y是在垂直方向上。背景定位p{backgroud-position:center;}其属性值可以为center,top,bottom,left.right，若只出现一个关键字，则认为另一个关键

5、字是center。p{backgroud-position:66%33%;}指将图像放在水平方向2/3、垂直方向1/3处。p{background-position:50px100px;}图像的左上角将在元素内边距区左上角向右50像素、向下100像素的位置。背景关联p{backgroud-attachment:fixed;}背景图像固定，不会随其他滚动。（就是你可以一直看到背景，它不会动）可以将所有背景属性放在一个声明中：body{background:#ff0000url

6、(/i/eg_bg_03.gif)no-repeatfixedcenter;}  CSS文本缩进文本p{text-indent:5em;}使所有段落的首行缩进5em（即第一行开头距左边距有5em）使用负值p{text-indent:-5em;}段落的第一行的前5em的内容从左面超出了浏览器。p{text-indent:-5em;padding-left:5em;}设置一个5em的内边距，第一行正常显示，其余行的开头距左边有5em距离。使用百分比值div{width:500px;}p{text-ind

7、ent:20%;}

8、nsform:none;}属性值：uppercase:全大写，lowercase:全小写，capitalize:每个单词的首字母大写。文本装饰p{text-decoration:none;}属性值：underline:下划线，overline:文本顶部一条线，l