【学习笔记之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样式 > 类别样式 > 标记样式

posted on 2010-01-24 15:14  shuz  阅读(628)  评论(0编辑  收藏  举报

导航