欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-11 17:53:56
...
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样式 > 类别样式 > 标记样式