1、目标:CSS的基础知识,内容： 掌握页面中使用样式表的三种方法 掌握CSS语法结构，数值单位 掌握常用的选择符 样式注释 文档结构,1、页面中使用样式表的方法,In-line 行内(行内样式是在html标签里直接使用style属性)即内联式样式表。text但要记住，最后的HTML应该是独立出来，行内样式应该在任何地方避免。Internal 内部(使用于整个页面，在head标签里面，style标签包围样式) 外部(外部样式使用在多个页面中。它是一个独立的CSS文件，公用),2、CSS相关规则,CSS的语法规则p color:#ff0000; background:#ffffff1、其中“p”我们
2、称为“选择器”(selectors)，指明要给“p“定义样式； 2、样式声明写在一对大括号“中； 3、color和background称为“属性“(property)，不同属性之间用分号“;“分隔； 4、“#ff0000“和“#ffffff“是属性的值(value)。,选择符,属性,值,声明,2、CSS相关规则,CSS的数值单位1、颜色单位命名颜色：如pcolor:green;RGB颜色：如divcolor:rgb(123,35,32);十六进制颜色：如divcolor:00eeff;2、长度绝对单位：in（英寸）,cm（厘米）相对单位：主要取决于某个参照物px（像素）,em（元素的字体高度）
3、3、百分比Pfont_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对象的字体大小均为12px） ID选择符#note font-size:14px; width:120px; 它是唯一的，一个页面内不能存
4、在重复的id,3、常用的选择符,通配选择符（为所有的元素定义统一的属性）* font-size:14px; 所有元素的字体大小都为14px。若不定义则使用的是默认值。 伪类（它指定的对象在文档中并不存在，指的是元素的某种状态）a.fly :hover font-size:14px; color:red; a:hover span color:red; a:linktext-decoration : none ;color : #c00 ; 群选择器（将同样的定义用于多个选择符选择符，以逗号的形式隔开）body,p,divfont-size:12px,3、常用的选择符,后代选择符.news p font-size:12px所有div的class属性等于news,此div中p标签的字体大小都为12px;后代选择器是常用的选择器,4、样式注释,注释的格式：/*注释文字*/body font-size:14px; /*设置页面文字大小*/文档结构文档结构是以树形结构来显示的。每个元素都是另一个元素的父元素或者是子元素，或者两者都是。CSS中的继承主要依赖于树形结构”子孙关系”。子元素可以继承父元素的样式，但是有的样式不能继承（如：边框，边界，填充和背景）。不能继承的需要重新定义。,方便以后作修改，如果样式中存在错误的标号，那么整个样式会被分析器略过,
