css基础重点知识重点知识.ppt

2、/>2、CSS相关规则CSS的语法规则p{color:#ff0000;background:#ffffff}1、其中“p”我们称为“选择器”(selectors)，指明要给"p"定义样式；2、样式声明写在一对大括号"{}"中；3、color和background称为"属性"(property)，不同属性之间用分号";"分隔；4、"#ff0000"和"#ffffff"是属性的值(value)。选择符属性值声明2、CSS相关规则CSS的数值单位1、颜色单位命名颜色：如p{color:green;}RGB颜色：如div{color:rgb(123,35,32);}十六进制颜色：如div{color:

3、00eeff;}2、长度绝对单位：in（英寸）,cm（厘米）相对单位：主要取决于某个参照物px（像素）,em（元素的字体高度）3、百分比P{font_size:12px;line_height:130%}设定段落的行高为字号的130%3、常用的选择符类型选择符（html文档中的元素）td,div,a{font-size:14px;}类选择符（以英文“.”开头，名字自行定义，是可重复使用的）.news{font-size:12px;}（所有class属性包含“news”对象的字体大小均为12px）p.news{font-size:12px;}（所有class属性包含“news”的p对象的字体大小

4、均为12px）ID选择符#note{font-size:14px;width:120px;}它是唯一的，一个页面内不能存在重复的id3、常用的选择符通配选择符（为所有的元素定义统一的属性）*{font-size:14px;}所有元素的字体大小都为14px。若不定义则使用的是默认值。伪类（它指定的对象在文档中并不存在，指的是元素的某种状态）a.fly:hover{font-size:14px;color:red;}a:hoverspan{color:red;}a:link{text-decoration:none;color:#c00;}群选择器（将同样的定义用于多个选择符选择符，以逗号的形式隔

5、开）body,p,div{font-size:12px}3、常用的选择符后代选择符.newsp{font-size:12px}所有div的class属性等于news,此div中p标签的字体大小都为12px;后代选择器是常用的选择器4、样式注释注释的格式：/*注释文字*/body{font-size:14px;}/*设置页面文字大小*/文档结构文档结构是以树形结构来显示的。每个元素都是另一个元素的父元素或者是子元素，或者两者都是。CSS中的继承主要依赖于树形结构”子孙关系”。子元素可以继承父元素的样式，但是有的样式不能继承（如：边框，边界，填充和背景）。不能继承的需要重新定义。方便以后作修改，如

6、果样式中存在错误的标号，那么整个样式会被分析器略过