css布局的三种机制?
CSS 布局的 3 种机制分别是普通流(标准流)、浮动和定位。
①普通流(标准流)
(1) 块级元素会独占一行,从上向下顺序排列;
常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table
(2) 行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行;
常用元素:span、a、i、em等
②浮动
让盒子从普通流中浮起来,主要作用让多个块级盒子一行显示。
③定位
将盒子定在浏览器的某一个位置——CSS 离不开定位,特别是后面的 js 特效。
css在网页布局中起到哪些作用?
1、主要用来设计网页的样式,美化网页;2、能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式;3、对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
CSS主要用来设计网页的样式,美化网页;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
CSS+DIV布局有什么好处?
CSS+DIV布局有什么好处?
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。
DIV+CSS优点如下:
1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
2、支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。
4、样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
5、CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。
6、表现和结构分离,在团队开发中更容易分工合作而减少相互关联性。
CSS网页布局的意义体现在如下方面:
一、使页面载入得更快
二、降低流量费用
三、修改设计时更有效率
四、保持视觉的一致性
五、更好地被搜索引擎收录
六、对浏览者和浏览器更具亲和力