css教学-0111概念.doc

/css3/properties/dimension/ css学习网站 优先级别：行内》Id》类 》 标记 (嵌入和导入同级，就近原则) 标签，id，类，全局，交集、并集、属性、结构伪类，UI状态伪类、继承关系 Html引入css 的方法：行内，嵌入，链接、导入 cs中定义类名要加上.,然后才是类名（id选择器则要加#） * 全局选择器 P.p1 交集选择器（第一个必须是标签，第二个是id或者是类） h1，h2，p 并集选择器 （用逗号隔开，各个要素可以是标签、id或者是类） .test span img{ } (称为后代或者继承选择器，先找span是test的子类，img又是span的子类 ) Css3 新增选择器 属性选择器 例子： 结构伪类选择器 3、UI元素状态伪类 Css3 的继承特性 Css的层叠特性（解释的优先级别） 同一选择器被多次定义（采用最后一个有效的定义） 同一标签运用不同类型选择器的处理（解释优先级别） font-family 字体 font-size 字的大小 font-style 字形 font-weight 字的粗细 color 字的颜色 font-variant 小型大写字体 a :link，visited，hover，active 链接的状态 布局： text-indent 缩进； word-spacing 单词的间距 ；text-align 水平方向的对齐 text-decoration 文字的装饰 text-shadow: 横坐标偏移位置 纵坐标偏移位置 模糊半径 阴影颜色 设置文字阴影效果 text-overflow：溢出 word-wrap：文字的换行 word-spacing：词的间距 letter-spacing：字符的间距 vertical-align：垂直方向的对齐 text-transform: 大小写转换 line-height：设置段落行高 文字设置问题 图片设置： Img wdith height 引入图片和设置图片的缩放 Img max-wdith max-height 按比例缩放或者原来大小不变 Text-align 设置图片的水平方向的对齐方式 Vertical-align 设置图片在垂直方向的对齐方式 Float 设置图文混排的时候图片的浮动方式 Padding： 图片与文字间的距离； padding-top：padding-bottom，padding-left，padding-right这些具体的设置属性 第八章：网页的背景与边框： Background-color: 可以设置透明或者某种颜色； Background-image: 无或者通过url指定图片的路径； Background-repeat：布局 Background-attachment：滚动网页的时候图片的位置 Background-posiction： 图片在背景框中的位置或者是对齐方式 Background-size：设置背景图片的大小（类似img的width和height） Background-origin：背景图片的显示区域（可以从border，padding，content） Background-clip:设置图片从边框或者是padding、content开始显示 Background: 设置背景的复合属性 Border-style：线型 Border-color：边框颜色 Border-width：边框的宽度 Border： 边框复合属性 Border-radius：圆角边框，border-top-right-radius。。。。 a：link，visited，hover，active ui状态的伪类选择器 a title=”” 设置超链接的文本提示 a background-image： url（） 设置超链接的背景图片 鼠标样式： Cursor：hand，help，wait。。。。。 表格和表单的设置： border-collapse 表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开border-spacing 表格的行和单元格的边是background-color：设置表格或者是单元格的背景颜色 美化表单的设置： background-color：设置表单不同对象的背景颜色 border： color： padding： background-color:transparent; border-l