【学习笔记之CSS+DIV】CSS入门

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

XHTML与HTML的重要区别

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

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

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

4. 在XHTML中标记必须封闭

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

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

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

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

在HTML中引入CSS的方法

1.行内式

<h1 style="color:white;background-color:blue">

This is a line of Text.</h1>

2.内嵌式

<style>

h1{

color:white;

background-color:blue

}

</style>

3.导入式

<style>

@import"mystyle.css";

</style>

4.链接式

<link href="mystyle.css" rel="stylesheet" />

基本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样式 > 类别样式 > 标记样式