|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
网页制造poluoluo文章简介:元素是文档布局的基本,在CSS中,每一个元素天生了一个包括了元素内容的框(box,也译为“盒子”)。
元素是文档布局的基本,在CSS中,每一个元素天生了一个包括了元素内容的框(box,也译为“盒子”)。可是分歧的元素显现的体例会有所分歧,比方<div>和<span>就分歧,而<strong>和<p>也纷歧样。在文档范例界说(DTD)中对分歧的元素划定了分歧的范例,这也是DTD对文档之以是主要的缘故原由之一。
1.交换和不成交换元素
从元素自己的特性来说,能够分为交换和不成交换元素。
a)交换元素
交换元素就是扫瞄器依据元素的标签和属性,来决意元素的详细显现内容。
比方扫瞄器会依据
<inputtype="submit"name="Submit"value="提交"/>
扫瞄器会依据元素的标签范例和属性来显现这些元素。可交换元素也在其显现中天生了框。
b)不成交换元素
(X)HTML的年夜多半元素是不成交换元素,即其内容间接体现给用户端(比方扫瞄器)。比方:
<p>段落的内容</p>
段落<p>是一个不成交换元素,笔墨“段落的内容”全被显现。
2.显现元素
除可交换元素和不成交换元素的分类体例外,CSS2.1中元素另有别的的分类体例:块级元素(block-level)和行内元素(inline-level,也译作“内联”元素)。
a)块级元素
在视觉上被格局化为块的元素,最分明的特性就是它默许在横向充斥其父元素的内容地区,并且在其摆布双方没有其他元素,即块级元素默许是独有一行的。
典范的块级元素有:<div>、<p>、<h1>到<h6>,等等。
经由过程CSS设定了浮动(float属性,可向左浮动或向右浮动)和设定显现(display)属性为“block”或“list-item”的元素都是块级元素。
可是浮动元素对照特别,因为浮动,其中间大概会有其他元素的存在。而“list-item”(列表项<li>),会在其后面天生圆点标记,大概数字序号。
b)行内元素
行内元素不构成新内容块,即在其摆布能够有其他元素,比方<a>、<span>、<strong>等,都是典范的行内级元素。
display属性即是“inline”的元素都是行内元素。几近一切的可交换元素都是行内元素,比方<img>、<input>等等。
不外元素的范例也不是流动的,经由过程设定CSS的display属性,可使行内元素变成块级元素,也能够让块级元素变成行内元素。
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。 |
|