HTML
1、定义和用法
如果用 id 或 class 来标记
2、用法
不必为每一个
可以对同逗源一个
3、实例
文档中的一个部分会显示为绿色:
This is a header
This is a paragraph.
4、浏览器支持
所有主流浏览器都支持
5、HTML 与 XHTML 之间的差异
在 HTML 4.01 中,div 元素的 "align" 属性不被赞成使用。
在 XHTML 1.0 Strict DTD 中,div 元素的 "align" 属性不被支持。
6、提示和注释:
注释:
提示:请使用
7、案例分析
NEWS WEBSITE
some text. some text. some text...
...
News headline 1
some text. some text. some text...
...
News headline 2
some text. some text. some 世肆text...
...
...
案例释义:正如您看到的,上面这段 HTML 模拟了新闻网站的结构。其中的每个 div 把每条新闻的标题和摘要组合在一起,也就是说,div
为文档添加了额外的结构。同时,由于这些 div 属于同一类元素,所以可以使用 class="news" 对这些 div 进行标识,这么做不仅为山返态
div 添加了合适的语义,而且便于进一步使用样式对 div 进行格式化,可谓一举两得。
8、可选的属性
9、标准属性
10、事件属性
DIV本身就是容器性质的,不但可以内嵌table还可以内嵌文本和其它的HTML代码;CSS是CascADIng style Sheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者所有页数的网页的外观和格式。
Div+CSS标准具有以下优点:
1、因为采用CSS布局,不象表格布局充满各种各样的属性和数字,而且很多css文件通常是共用的,从而大大缩减页面代码,提高页面浏览速度。
2、结构清晰,对搜索引擎更加友好。更容易被搜索引擎收录,具备搜索引擎SEO的先天条件,配合优秀的内容和一些SEO处理,可以获得更好的网站排名。
3、兼容性更好,符合web标准规范的发展趋势,可以在几乎所有的浏览器上都可以使用,不会出现在不同的浏览器中效果差距很大的情况。
4、缩短改版时间,因为网站的布局都是通过外部的css文件来控制,只要简单的修改几个CSS文件就可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
5、强大的字体控制和排版能力,CSS控制字体的能力比糟糕的FONT标签好多了,CSS不再需要用FONT标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。
6、提高易用性,使用CSS可以结构化HTML,例如:p标签只用来控制段落,h1-h6标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立态冲独立的版本。
7、更好的扩展性。你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint等。
8、更灵活控制页面布局,通常页面的下载是按照代码的排列顺序,而表格弯烂布局代码的排列代表从上向下,从左到右,无法改变。而通过CSS控制,您可以任意改变代码的排列顺序,比如将重要的右边内容先加载出来。
9、表现和内容相分离,干净利落,将设计部分剥离出来放在一个独立样式文件中,而网页主要来放置您的内容,你可以减少未来网页无效的可能。
10、更方便搜索引擎收录,并获得更高的评价。用只包含结构化内容的HTML代替嵌套的标签,主次分明,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
11、Table表格布局灵活性不大,你只能遵循 table tr td 的格式。而div你可以 div ul li 也可以 ol li 还可以 ul li......
12、Table表格布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div 更能体现样式和埋闭漏结构相分离,结构的重构性强。
13.以前一些必须通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。
div使用了布局的,css是为这些div或者其他的html标签写样式的,好比一座大楼的架子是div架起来的,css是把他装饰成什么样子的,包括颜色内部样式的装修,等等。但是还有一点不同的就是,如果把所有的css删掉的话,那么你的所有的网页元素都会排列在左侧 ,这就说明,css同时还昌搜承担了左右布局这样的工作。div是骨骼,css是把骨骼架构起耐拍历来的血肉经贺姿脉,呵呵,我的理解,希望对你能有帮助。只是这么想很难想通,只要一做,就知道了,我开始用的时候也不会,后来痛苦了一个礼拜之后就越来越熟悉了,都是一个这样的过程,祝你好运!
CSS是样式表。DIV是一个标签
说通俗点,坦拿御CSS可以控制DIV的外让岩观。
如