css+div重要1

Supanccy2013

浏览: 215075 次
性别:
来自: 深圳

最近访客更多访客>>

loginboot

sp42

dyfxfxw520

weitd

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

div+css

html div css

1）文档类型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这句话标明本文档是过渡类型，另外还有框架和严格类型，目前一般都采用过渡类型，因为浏览器对XHTML的解析比较宽松，允许使用HTML4.01中的标签，但必须符合XHTML的语法。许多朋友在制作页面时，往往喜欢把这句删除掉，在这里建议大家一定要保留这句话，删除它后可能引起某些样式表失效或其它意想不到的问题。

2）语言编码
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />包含的css样式表和其它文件也必须和本文档的编码一样，要不就会出现乱码。

3）css样式
外部样式
内部样式
行内样式
导入样式：链接样式是以@import url标记所链接的外部样式表，它一般常用在另一个样式表内部。如layout.css为主页所用样式，那么我们可以把全局都需要用的公共样式放到一个global.css的文件中，然后在layout.css中以@import url("/css/global.css")的形式链接全局样式，这样就使代码达到很好的重用性。@import url("/css/global.css");

4>盒模型
我们可以把它想像成现实中上方开口的盒子，然后从正上往下俯视，边框相当于盒子的厚度，内容相对于盒子中所装物体的空间，而填充呢，相当于为防震而在盒子内填充的泡沫，边界呢相当于在这个盒子周围要留出一定的空间，方便取出。是不是这样就很容易理解盒模型了。
所以整个盒模型在页面中所占的宽度是由
左边界+左边框+左填充+内容+右填充+右边框+右边界
组成，而css样式中width所定义的宽度仅仅是内容部分的宽度，这是许多朋友容易搞混的地方

分享到：