CSS复习笔记.docVIP

Day01 一.CSS2.0(Cascading Style Sheet)层叠样式表 1.作用：CSS用来修饰网页的(网页表现) w3c规定尽量用css样式替代XHTML的属性 2.css的使用 a.内部样式(写在网页的头部) style ....... /style b. 内联样式(写在网页标记中) 标记名称 style=css代码/ 标记名称 style=css代码.../标记名称 c.外部样式 link type=text/css rel=stylesheet href=css样式URL media=all|print|screen|tv/ (1)type :链接页面的文档类型 (2)rel:当前文档和目标文档的关系 (3)href:css样式目标页面 (4)media:根据媒体类型使用不同的css样式 all所有|screen计算机屏幕|tv电视|print打印机 说明： 内联样式优先级最高 ,如果内部样式和外部 样式冲突，后面的覆盖前面的样式 3.css的语法结构 选择器{属性:值;属性:值;...} selector{attrbute:value} 4.选择器（selector） (1)通配选择器 ==== *(自动应用所有标记) (2)标记（类型）选择器 ==== 标记名称(自动应用指定标记) (3)class类选择器=== .class名称 (手动应用任意标记中,一个标记中多个class名称用空格隔开) 应用:在标记中 属性 class=class名称 (4)id选择器 ==== #id名称 (手动应用唯一标记中) 应用:在标记中 属性id=id名称 (5)群组选择器 === 选择器名称,选择器名称... (多个选择器有相同属性的缩写) (6)后代选择器 === 选择器名称 选择器名称 (两个选择器至少是父子关系) (7)子代选择器=== 选择器名称选择器名称 (两个选择器必须是父子关系) 5.颜色值 a.单词字符： red红,green绿... b.十六进制: #ff0000 ===#f00 红色 c.rgb()：rgb:分别是red,green,blue 0-255或百分比 例如: 红色: #f00 rgb(255,0,0) rgb(100%,0%,0%) 绿色： #0f0 rgb(0,255,0) 蓝色： #00f rgb(0,0,255) 黄色: #ff0 rgb(255,255,0) 白色: #fff rgb(255,255,255) 黑色: #000 rgb(0,0,0) 浅灰: #eee rgb(230,230,230) 深灰： #333 rgb(3,3,3) 6.文本样式1 (1)文本颜色 color:颜色值 (2)文本大小 font-size:value (单位： 像素px, em:网页默认字体大小的比例 例如：1.5em默认字体的1.5倍) (3)文本加粗 font-weight:normal|bold|值(100-900) (normal==400 bold==700) (4)文本倾斜 font-style:normal|italic (5)文本字体 font-family:宋体,微软雅黑,Times New Roman (6) text-decoration:none|underline下划线| overline上划线|line-through删除线 7.选择器优先级 标记选择器 权值 0001 class类选择器 权值 0010 i