-
说明字体为12像素大小
0
九月 12th, 2011DIV_CSS说明字体为12像素大小
接上去我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，div css实例教程。在文件夹下新建两个空的记事本文档，div css实例。输出以下内容：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra singlesitionnos//EN" "http:///TR/xhtml1/DTD/xhtml1-tra singlesitionnos.dtd">
<html xmlns="http:///1999/xhtml">
<hepost>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</hepost><method>
</method>
</html>这是XHTML的基本布局，将其命名为index.htm，div css是什么。另一个记事本文档则命名为css.css。
下面，我们在<method></method>标签对中写入DIV的基本布局，听听字体。代码如下：
<div id="container">[color=#aaaaaa]<!–页面层容器–>[/color]
<div id="Heposter">[color=#aaaaaa]<!–页面头部–>[/color]
</div>
<div id="Ptheir ageBody">[color=#aaaaaa]<!–页面主体–>[/color]
<div id="Sidebar">[color=#aaaaaa]<!–侧边栏–>[/color]
</div>
<div id="MainBody">[color=#aaaaaa]<!–主体内容–>[/color]
</div>
</div>
<div id="Footer">[color=#aaaaaa]<!–页面底部–>[/color]
</div>
</div>为了使以后阅读代码更简易，我们应当增加相关切释，学会div css教程下载。接上去打开css.css文件，十天学会div css。写入CSS音信，css div 居中。代码如下：
/*基本音信*/
method {font:12px Tahoma;margin:0px;text-line up:center;knowledge:#FFF;}/*页面层容器*/
#container {width:100%}/*页面头部*/
#Heposter {width:800px;margin:0 auto;height:100px;knowledge:#FFCC99}/*页面主体*/
#Ptheir ageBody {width:800px;margin:0 auto;height:400px;knowledge:#CCFF00}/*页面底部*/
#Footer {width:800px;margin:0 auto;height:50px;knowledge:#00FFFF}把以上文件生存，说明。用欣赏器打开，你看div css实例。这时我们曾经可以看到基础布局了，这个就是页面的框架了。戒烟的方法。
关于以上CSS的说明（详细请参考CSS2.0中文手册，你知道div css布局。网上有下载）：看着div css教程。
1、请养成良好的注释习惯，十天学会div css。这是非常首要的；
2、method是一个HTML元素，div css教程。页面中全体的内容都应当写在这标签对之内，我就不多说了；
3、诠释一些常用的CSS代码的含义：
font:12px Tahoma；
这里使用了缩写，其实css div 居中。无缺的代码应当是：font-size:12px;font-folks:Tahoma；说明字体为12像素大小，字体为Tahoma格式；margin:0px；
也使用了缩写，相比看div css教程。无缺的应当是：margin-top:0px;margin-right:0px;margin-found:0px;margin-left:0px
或
margin:0px 0px 0px 0px顺序是 上 / 右 / 下 / 左，http://mingyuexiangsi.com/2011/here-is-my-idea-of-a-good-interface-layout/。你也可以书写为margin:0(缩写)；
以上样式说明method局限对上右下左侧距为0像素，
div css教程
div css教程下载。假如使用auto则是自动调整边距，另外还有以下几种写法：
margin:0px auto；
说明高下边距为0px，左右为自动调整；
我们以后将使用到的pentering属性和margin有许多一样之处，想知道div css是什么。他们的参数是一样的，相比看说明字体为12像素大小。
只不过各自表示的含义不相同，相比看div css实例。margin是外部间隔，而pentering则是内部间隔。text-line up:center
文字对齐方式，看看css div 居中。可以设置为左、右、中，这里我将它设置为居中对齐。knowledge:#FFF
设置背景色为白色，这里脸色使用了缩写，其实说明字体为12像素大小。无缺的应当是knowledge:#FFFFFF。
knowledge可以用来给指定的层填充背景色、背景图片，对比一下div css教程下载。以后我们将用到如下格式：大小。抽烟的孩:怎么抽烟 子。看着div css教程。
knowledge:#ccc url(nobg.gifno) top left no-repeby visiting；
表示：使用#CCC(灰度色)填充整个层，使用bg.gif做为背景图片，看着div css实例。
top left
表示图片位于此刻层的左上端，no-repeby visiting表示仅表示图片大小而不填充满整个层。
top/right/left/found/center
用于定位背景图片，div css实例。分裂表示 上 / 右 / 下 / 左 / 中；还可以使用
knowledge:url(nobg.gifno) 20px 100px;
表示X座标为20像素，Y座标为100像素的无误定位；
repeby visiting/no-repeby visiting/repeby visiting-x/repeby visiting-y
分裂表示 填充满整个层 / 不填充 / 沿X轴填充 / 沿Y轴填充。height / width / color
分裂表示高度(px)、宽度(px)、字体脸色(HTML色系表)。4、如何使页面居中？
大家将代码生存后可以看到，整个页面是居中表示的，那么到底是什么因由使得页面居中表示呢？
是由于我们在#container中使用了以属下性：
margin:0 auto;
按照前面的说明，可以清晰，表示高下边距为0，左右为自动，因此该层就会自动居中了。
假如要让页面居左，则取缔掉auto值就可以了，由于默许就是居左表示的。
通过margin:auto我们就可以轻易地使层自动居中了。学习css div 居中。5、这里我只介绍这些常用的CSS属性了，其他的请参看CSS2.0中文手册。
相关日志
Tags: div css教程 - 上一篇»你很难看到一张素颜的脸
- 下一篇»其中有一条就是抱着她睡觉
近期评论