CSS培训文档.docVIP

基础语法 元素选择器 body {　　background: blue; } body是标签名，background是属性，blue是属性值 选择器分组 多个标签组合 h1,h2,h3 {　　color: red; } 把标题h1h2h3的字体颜色都变为红色 属性综合写法 div {　　font:italic normal bold 11pt arial; } div的字体风格(font-style)属性值是italic，字体变量(font-variant)属性值是normal，字体浓淡(font-weight)属性值是bold，字体大小(font-size)属性值是11pt，字体名称(font-family)属性值是Arial 标签嵌套 div h1 {　　color: blue; } div里面的h1字体颜色为蓝色。 定义id #main { 　　background: #ff0000;　　width: 100%; }div id=mainhello/div 这里是用#+id名是方式，也可以用标签名加+#+id名，如div#main，一般不这么用。 定义class .red {　　color: red; }div class=red hello/div 同id的写法差不多，把“#”改为“.” ，如果一个标签同时定义了id跟class，id具有优先级。 *表示该标签下的所有元素样式 body * { padding: 0px; } 用得比较少 样式优先级 (1) tag中的style id class (2) tag中的style 页面中的style 导入的样式@import (3) 用link，如link rel=stylesheet type=text/css href= /，更写在页面上同等级的。 如果同样的样式定义了2次，后面出现的具有优先级。 background-image color 背景颜色 image 图片路径url() repeat 属性值 repeat 导致图像在水平垂直方向上都平铺，就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复，no-repeat 则不允许图像在任何方向上平铺。 attachment 背景关联 如果文档比较长，那么当文档向下滚动时，背景图像也会随之滚动。当文档滚动到超过图像的位置时，图像就会消失。 您可以通过 background-attachment 属性防止这种滚动。通过这个属性，可以声明图像相对于可视区是固定的（fixed），因此不会受到滚动的影响： background-attachment:fixed position 可以利用 background-position 属性改变图像在背景中的位置 center center center top top center 或 center top bottom bottom center 或 center bottom right right center 或 center right left left center 或 center left background-position:50% 50% 3、长度值解释的是元素内边距区左上角的偏移。偏移点是图像的左上角 CSS 文本属性 属性 描述 color 设置文本颜色 direction 设置文本方向。 line-height 设置行高。 letter-spacing 设置字符间距。 text-align 对齐元素中的文本。 text-decoration 向文本添加修饰。 text-indent 缩进元素中文本的首行。 text-shadow 设置文本阴影。CSS2 包含该属性，但是 CSS2.1 没有保留该属性。 text-transform 控制元素中的字母。 unicode-bidi 设置文本方向。 white-space 设置元素中空白的处理方式。 word-spacing 设置字间距。 缩进文本段落的首行缩进 一般来说，可以为所有块级元素应用 text-indent，但无法将该属性应用于行内元素，图像之类的替换元素上也无法应用 text-indent 属性。不过，如果一个块级元素（比如段落）的首行中有一个图像，它会随该行的其余文本移动。 如果想把一个行内元素的第一行“缩进”，可以用左内边距或外边距创造这种效果。 可能的值 值 描述 length 定义固定的缩进。默认值：0。 % 定义基于父元素宽度的百分比的缩进。 inherit 规定应该从父元素继承 text-indent 属性的