DIV+CSS课程第一课：基本知识与语法.pdfVIP

DIV+CSS课程第一课，css的基本

1）文档类型

当我们用dreamweaver新建一下html格式文档时，查看源代码，会发现代码最上部有如下

这句话：

!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN

因为浏览器对XHTML的解析比较宽松，允许使用HTML4.01中的，但必须符合XHTML

的语法。在这里建议大家一定要保留这句话，删除它后可能引起某些样式表失效或其它意想

不到的问题。

2）语言编码

metahttp-equiv=Content-Typecontent=text/html;charset=gb2312/

它标示文档的语言编码。就像我们平时所说的汉语、英语一样。这里的gb2312告诉浏览器，

本文档采用简体中文编码；还有一种常用的编码是UTF-8编码，它是国际通用的编码。不

管我们采用哪种编码，有一点就是包含的css样式表和其它文件也必须和本文档的编码一样，

要不就会出现乱码。

3）html

成对的：

head.../head

bodysdfsdfldjflsd.../body

div.../div

span.../span

p.../p

单一的：

imgsrc=/

br/4）

CSS样式

1、什么是css(table表格和div层)

2、CSS语法，选择器，使用大括号来包围属性。

DIV+CSS第一课,css

1)文件类型

当我们在Dreamweaver中新建一个html式东诞时，方法源代码时，您会发现代码

有他么：

!DOCTYPEhtmlPUBLIC‑//W3C//DTDXHTML1.0Transitional//EN

‑transitional.dtd

由于浏览器对XHTML的分析比较广泛，因此允许使用HTML4.01中的，但必须符合

XHTML的语法。在这里，建议大家牢记这句话。

2）语言编码

元http‑equivContent‑Type内容text/html;字符集gb2312/

它标有文档的语言代码。和我们平时说的中文和英文是一样的。gb2312告诉我这个文档使

用简体中文代码；还有一种常用的编码是UTF‑8编码，这是一种国际编码。我们不需要使用

任何代码，因为其中包含的css样式表和其他文件必须与本文档中的代码相同。

3）html

成对的设计：head.../

headbody

sdfsdfldjflsd.../body

div.../div跨度.../

跨度p.../p

单个：

imgsrc/

br/4）

CSS样式

1、什么是css(table表格形式和div层)2、CSS语

法、选择、使用大拉号来包围力。

CSS样式加载的几种方式介绍：

外部样式：

linkhref=layout.cssrel=styheettype=text/css/

样式：

style

h2{color:#f00;}

/style

行内样式：

pstyle=font-size:18px;样式/p

5）css盒模型组成