CSS存在文档中的,css的一些文档.doc

css的一些文档

css的一些文档

HTML文档的介绍：

1、HTML文档的第一行是加入文本类型声明

2、每一个HTML文档由两部分组成，是head和body

head部分：是文档的头，包含标题title等，在head中还要设置字符转码的格式，这样就不会出现乱码的现象。如：

body部分：是整个文档的主体部分，主要放置的是浏览器所要显示的内容

3、标签一般都是成对的，有开标签也有关标签，但是有些标签是单标签(如：input、img)

4、所有属性的值都要用引号引起来

5、<>&在部分情况下分别需要用&it；&gt；&amp；转码表示

6、常用的标签有以下几种：

div、h1-h5、span、ol、ul、li、dl、dd、dt、p、var、em、a、img、br、textarea、input、select、option、table、tr、th、td、strong、form

在这些标签中，dd和dt标签是兄弟标签 ，必须跟在dl标签后面。table标签后面必须跟着tr、th和td标签，ol和ul标签后面必须跟着li标签，select标签后跟着option标签

7、行属性标签：var em a img textarea input select option strong span

8、块属性标签：div h1-h5 ol ul li dl dt dd p table

html中文档正确的声明：

css的引入方式：

1、在HTML文档的head部分加入：

2、在HTML文档的head部分直接写入CSS文档

如：

div{border:2px red solid;}

3、直接在HTML标签里写入对这个标签的CSS控制

如：

测试信息

4、使用@import引入css文件

通常使用这个时候有以下两种情况：

1：在head里使用的时候：

@import url(my.css);

2：在css文件里使用。

(@import本身是一个css命令。)

CSS选择器的分类：

1、类选择器：

html中：

测试代码

CSS中：.test {color:red;border:1px blue solid;}

2、标签名选择器：

div {color:red;border:1px red dashed;}

span {color:bkue;}

3、ID选择器：

html中：

测试代码

css中：#text {color:blue;border:1px red solid;}

ID选择器尽量不要用，因为它的优先级太高

4、后代选择器：

HTML中：

css中：.test span img {border:1px red solid;}

5、群组选择器：

css中：.test,span,img {border:2px blue dashed;}

群组选择器中使用"," 意味着几个标签都进行设置，后代选择器中使用空格意味着只对最后指定的标签进行设置。

使用不同选择器的原则：

1、准确的控制内容的样式；

2、代码简化，争取最少的代码量；

3、代码美观，易读；