【学习笔记之CSS+DIV】CSS入门_html/css_WEB-ITnose

CSS设计彻底研究第1章笔记

XHTML与HTML的重要区别

1. 在XHTML中标记名称必须小写

2. 在XHTML中属性名称必须小写

3. 在XHTML中标记必须严格严格嵌套

4. 在XHTML中标记必须封闭

5. 在XHTML中，即使是空元素的标记也必须封闭

6. 在XHTML中属性值用双引号括起来

7. 在XHTML中属性值必须使用完整形式

8. 在XHTML中，应该区分“内容标记”与“结构标记”

 

在HTML中引入CSS的方法

     1.行内式

This is a line of Text.

     2.内嵌式

         h1{

                   color:white;

                   background-color:blue

                   }

     3.导入式

         @import"mystyle.css";

     4.链接式

 

基本CSS选择器

     1.标记选择器：HTML标记

     2.类别选择器：.类别名

     3.ID选择器：#ID名

 

复合选择器

     1.“交集”选择器

                   div .special {……}

                   div #special {……}

     2.“并集”选择器

                   div, h1.first, p.special {……}

     3.后代选择器

                   div h1.first span.firstLetter{……}

     4.子选择器（IE6不支持）

                   p>span{……}

 

CSS的继承特性

CSS继承指的是子标记会继承父标记的所有样式风格，并可以在父标记样式风格的基础上再加以修改，产生新的样式，而子标记的样式风格完全不会影响父标签

 

CSS的层叠特性

     优先级规则：行内样式 > ID样式 > 类别样式 > 标记样式