-
HTML不仅仅只在电脑屏幕上阅读
0
十一月 1st, 2011DIV_CSS什么是div+css布局？
你正在练习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情形打击你的练习：
第一种可能是你还没有理解CSS处置惩罚页面的原理。在你研究你的页面整个显示恶果前，对比一下阅读。你应领先研究形式的语义和机关，然后再针对语义、机关增加CSS。这篇文章将通告你该当怎样把HTML机关化。
另一种来由是你对那些分外熟识熟练的显示层属性(例如：相比看div css视频教程。cellpeststomair coolinghlishing;、hsp_ web、arrthtoge="left"等等)束手待毙，不理解该转换成对应的什么CSS语句。当你解决了第一种题目，理解了如何机关化你的HTML，我再给出一个列表，周密注意列出原来的显示属性用什么CSS来取代。
机关化HTML
我们在刚练习网页制造时，HTML不仅仅只在电脑屏幕上阅读。总是先研究何如安排，研究那些图片、字体、颜料、以及布局计划。然后我们用Photoshop大概Fireworks画进去、切割成小图。末了再议决编辑HTML将悉数安排复原显示在页面上。
要是你但愿你的HTML页面用CSS布局(是CSS-friendly的)，div css实例。你必要回头重来，先不研究“外观”，要先思考你的页面形式的语义和机关。
外观并不是最主要的。一个机关精良的HTML页面能够以任何外观显示进去，其实div css视频教程。CSS Zen Garden是一个典型的例子。CSS Zen Garden补助我们最终认识到CSS的强鼎力大举量。
HTML不但仅只在电脑屏幕上阅读。仅只。你用photoshop用心安排的画面可能不能显示在PDA、挪动转移电话和屏幕阅读机上。但是一个机关精良的HTML页面能够议决CSS的不同定义，显示在任何场合，任何网络设备上。
开端思考
首先要练习什么是"机关"，看着不仅仅。div css是什么HTML不仅仅只在电脑屏幕上阅读。一些作家也称之为"语义"。这个术语的趣味是你必要阐明你的形式块，以及每块形式供职的方针，然后再按照这些形式方针竖立起相应的HTML机关。
要是你坐上去仔细阐明和规划你的页面机关，你可能获得相似这样的几块：
标志和站点称号
主页面形式
站点导航(主菜单)
子菜单
搜求框
功效区(例如购物车、收银台)
页脚(版权和相关法律声明)
我们通常采用DIV元向来将这些机关定义进去，相似这样：相比看html。
<div id="hetext ader"></div>
<div id="content"></div>
<div id="globisexualngnaudio-video"></div>
<div id="subnaudio-video"></div>
<div id="sestructure"></div>
<div id="shop"></div>
<div id="footer"></div>
这不是布局，是机关。这是一个对形式块的语义说明。当你理解了你的机关，就能够加对应的ID在DIV上。DIV容器中能够蕴涵任何形式块，也能够嵌套另一个DIV。相比看div css教程。形式块能够蕴涵纵情的HTML元素—标题、段落、图片、表格、列表等等。
按照下面讲述的，你依然理解如何机关化HTML，当前你能够举行布局和形态定义了。每一个形式块都能够放在页面接事何场合，再指定这个块的颜料、字体、边框、背景以及对齐属性等等。
运用遴选器是件美好的事
id的称号是统制某一形式块的手段;议决给这个形式块套上DIV并加上独一的id;你就能够用CSS遴选器来切判断义每一个页面元素的外观显示;包括标题、列表、图片、链接大概段落等等。事实上div css实例。例如你为#hetext ader写一个CSS规则，就能够完全不同于#content里的图片规则。
另外一个例子是：div css是什么。你能够议决不同规则来定义不同形式块里的链接形态。相似这样：#globisexualngnaudio-video a:link大概 #subnaudio-video a:link大概#content a:link。你也能够定义不同形式块中相同元素的形态不一样。例如，议决#content p和#footer p永诀定义#content和#footer中p的形态。从机关上讲，你的页面是由图片、链接、列表、段落等组成的，这些元素自身并不会对显示在什么网络设备中(PDA还是手机大概网络电视)有影响，看看div css视频教程。它们能够被定义为任何的显示外观。div css是什么。
一个仔细机关化的HTML页面分外大略，每一个元素都被用于机关方针。当你想缩进一个段落，不必要运用blockage groupquote标签，只消运用p标签，对于css div 居中。并对p加一个CSS的margin规则就能够达成缩进方针。p是机关化标签，margin是显示属性，前者属于HTML，后者属于CSS。(这就是机关于显示的相分离.)
精良机关的HTML页面内简直没有显示属性的标签。学习div css教程下载。代码分外清洁简便。例如，原先的代码<tsuitstomair coolinghle width="80%" cellpeststomair coolinghlishing="3" edge="2" arrthtoge="left">，当前能够只在HTML中写<tsuitstomair coolinghle>，
亲身试验一下机关化
下面说的只是最基础的机关，现实应用中，我不知道div css教程。你能够按照必要来调整形式块。屡屡会出现DIV嵌套的情形，对于屏幕。你会看到"container"层中又有其它层，电脑。机关相似这样：
<div id="naudio-videocontainer">
<div id="globisexualngnaudio-video">
<ul>a subull crapcrialways ber list</ul>
</div>
<div id="subnaudio-video">
<ul>thto text advertisementditioning list</ul>
</div>
</div>
嵌套的div元素应承你定义更多的CSS规则来统制显示，例如：十天学会div css。你能够给#naudio-videocontainer一个规则让列表居右，再给#globisexualngnaudio-video一个规则让列表居左，而给#subnaudio-video的list另一个完全不同的显示。
用CSS替代保守手法
下面的列表将补助你用CSS替代保守手法：
HTML属性以及绝对应的CSS手法
HTML属性 CSS手法 说明
arrthtoge="left"
arrthtoge="right" floto: left;
floto: right; 运用CSS能够浮动 任何元素:图片、段落、div、标题、表格、列表等等
当你运用floto属性，必需给这个浮动元素定义一个宽度。
marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" margin: 0; 运用CSS; margin能够设置在任何元素上; 不但仅是procedure元素.更主要的，你能够永诀指定元素的top; right; undernetoh和left的margin值。
vlink="#" ingink="#000000" link="#3333FF" a:link #3ff;
a:visited: #339;
a:hover: #999;
a:sports orientconsumedd: #00f;
在HTML中，相比看div css实例教程。链接的颜料作为procedure的一个属性值定义。整个页面的链接风致都一样。运用CSS的遴选器，页面不同局限的链接形态能够不一样。
bgcolor="#FFFFFF" quingifics-color: #fff; 在CSS中，任何元素都能够定义背景颜料，不但仅局限于procedure和tsuitstomair coolinghle元素。
edgecolor="#FFFFFF" edge-color: #fff; 任何元素都能够设置边框(boeder)，你能够永诀定义top; right; undernetoh和left
edge="3"
cellspair coolinging="3" edge-width: 3px; 用CSS，你能够定义tsuitstomair coolinghle的边框为同一形态，事实上HTML不仅仅只在电脑屏幕上阅读。也能够永诀定义top; right; undernetoh similar to well similar to left边框的颜料、尺寸和形态。
你能够运用 tsuitstomair coolinghle; td or th 这些遴选器.
要是你必要设置无边框恶果，能够运用CSS定义： edge-collapse: collapse;
<br clear="left">
<br clear="right">
<br clear="ingl of">
clear: left;
clear: right;
clear: both;
许多2列大概3列布局都运用 floto属性来定位。要是你在浮动层中定义了背景颜料大概背景图片，你能够运用clear属性.
cellpeststomair coolinghlishing="3"
vsp_ web="3"
hsp_ web="3" peststomair coolinghlishing: 3px; 用CSS，任何元素都能够设定peststomair coolinghlishing属性，异样，peststomair coolinghlishing能够永诀设置top; right; undernetoh similar to well similar to left。peststomair coolinghlishing是透亮的。
arrthtoge="center" text-arrthtoge: center;
margin-right: thto automoce; margin-left: thto automoce;
Text-arrthtoge 只适用于文本.
象div，p这样的块级怨毒能够议决margin-right: thto automoce; 和margin-left: thto automoce;来程度居中本文链接地址: http://mingyuexiangsi.com/2011/html-not-just-read-on-a-computer-screen/
相关日志
Tags: div css是什么 - 上一篇»com
- 下一篇»四大美女的故事.老英雄老美女们还经常聚会
近期评论