怎样学习div+css,div css教程?――div+css基本概念
怎样学习div+css,div css教程? 1、
DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。
怎样学习div+css,div css教程? 2、
div是html(超文本语言)中的一个元素,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的table布局,真正地达到了w3c内容与表现相分离.
怎样学习div+css,div css教程? 3、
div 是标签 css是层叠样式表。DIV+CSS高级布局已逐渐流行,但面对所谓DIV+CSS布局的叫法让人更为担心,不要让DIV成为Table的替代品,多层嵌套的DIV会严重影响代码的可阅读性,活用HTML为我们提供的标签吧。
怎样学习div+css,div css教程?――学习DIV+CSS步骤
怎样学习div+css,div css教程? 1、
Step 1不要一味使用视频教程'>dw等工具设计网页,去熟悉(X)HTML语言和css语言
因为web标准对代码的要求提高了,没有对xhtml代码没有一定的了解是无法通过校检的。DW工具也可以使用,但是要看着代码写网页了。
首先是xhtml代码,不是很多,知道他们如何使用,怎么正确书写,而且要记得封闭tag。如<img/><br/>。建议看看一些html参考手册,究竟xhtml是从html升级来的,很多tag还在在继续使用。
怎样学习div+css,div css教程? 2、
Step 2、建立标准化的声明(DOCTYPE)和head
以前的网页,甚至大型的门户网站也连个声明也没有,就仅仅是<html>,现在要做的就是给你的网页加上声明,规范head区域,让搜索引擎和喜欢你的网站。
推荐写法
怎样学习div+css,div css教程? 3、
Step 3、学习div配合CSS进行网页布局
使用<div>配合CSS为你的网页布局,而不要使用table了,这样的文章很多,实例也很多,推荐你去bluediea.com,div布局的好处很多,就提级几个实用的:
1、代码冗余小,网页打开速度快。
2、结构和表现分离了,你可以只通过css改变你的布局,而信息不变,这样维护和升级的成本降低了。
怎样学习div+css,div css教程? 4、
Step 4、学习web标准理论,语义化,CSS,结构和表现分离思想
web标准的提出其实只是为了达到,tag的语义化,结构和表现分离,网站本土化向国际化过度,向后兼容和设备无关性,让你的网页在互联网上畅行无阻。
这个阶段,你已经能够使用css布局你的网页,制作出能通过W3C校检的网页,你可以了解什么是web标准,web标准的框架和作用,结构和表现分离的思想和优势,CSS的更深层次的理论,xhtml tag的语义,亲和力理论,跨平台性,让你的网页适合多种浏览器和多种设备。
怎样学习div+css,div css教程? 5、
Step 5、应用web标准制作网页,建立自己的web标准代码规范,提高开发效率
web标准现在还是在推广之中,没有一个成熟的模式,究竟需要手写代码,你这时就可以根据自己的经验提出一些提高自己开发效率的方法,可以把一些常用的代码片段,习惯的css命名,和一些能够重复使用的功能模块作成代码剪辑提高代码的复用性
怎样学习div+css,div css教程?――学习Div+CSS该注意的地方
怎样学习div+css,div css教程? 1、
检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。
怎样学习div+css,div css教程? 2、
确定错误发生的位置
如果错误影响了整体布局,则可以逐个删除div块,直到删除某个div块后显示恢复正常,即可确定错误发生的位置。
怎样学习div+css,div css教程? 3、
利用border属性确定出错元素的布局特性
使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界,错误原因即水落石出。
怎样学习div+css,div css教程? 4、
float元素的父元素不能指定clear属性
MacIE下如果对float的元素的父元素使用clear属性,周围的float元素布局就会混乱。这是MacIE的著名的bug,倘若不知道就会走弯路。
怎样学习div+css,div css教程? 5、
float元素务必指定width属性
很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何,一定要为其指定width属性。另外指定元素时尽量使用em而不是px做单位。
怎样学习div+css,div css教程? 6、
float元素不能指定margin和padding等属性
IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置margin和padding)。也可以使用hack方法为IE指定特别的值。
![怎样学习div+css,div css教程?](http://img.aihuau.com/images/b/07260603/260703060726051499944.jpg)