认识DIV+CSS

来源:互联网 发布:星图数据11.11全网 编辑:程序博客网 时间:2024/06/06 20:04

                做新闻发布系统时接触到了DIV+CSS,它是一种网页的布局方法,它有别于传统的HTML网页设计语言中的表格(table)定位方式,真正地达到了W3C内容与表现的分离。

       CSS(Cascading Style Sheet,可译为“层叠样式表”或“级联样式表”)是一组格式设置规则,用于控制Web页面的外观。通过使用CSS样式设置页面的格式,可将页面的内容与表现形式分离。页面内容存放在HTML文档中,而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分,通常为文件头部分。将内容与表现形式分离,不仅可使维护站点的外观更加容易,而且还可以使HTML文档代码更加简练,缩短浏览器的加载时间。

CSS的核心内容:

1、标准流(HTML标签的排列顺序)

2、盒子模型

3、浮动(float)

4、定位(position)

注意事项:

多个样式一起使用只限于类选择器,因为网页里每一个ID选择器都是唯一的。

(块级元素(div整行);行内元素(span自身)。有时候可以将块级元素转换为行内元素来达到布局想要的效果)

随着以后对他们的不断认识还会有更多的内容需要积累...

 

原创粉丝点击