yili3417 发表于 2012-5-21 18:30:18

学习DIV+CSS要注意些什么,如何学习DIV+CSS布局网页

DIV+CSS是目前所有互联网企业都追捧的一种网页代码实现方案,很多初学者认为DIV+CSS很难学,不知道如何学起, 那么,我们究竟该如何学习这种网页制作方式呢?DIV+CSS有什么学习技巧呢?笔者总结一下自己的经验,希望对相关从业人员有所帮助。

    DIV+CSS布局网页,有个更专业的名称:XHTML,其实“DIV+CSS”这个说法并不全面,因为SPAN也是很好的标签,为什么不提DIV+SPAN+CSS呢?所以,我们说XHTML更全面,很多公司招聘要求如果写熟悉XHTML,那么就是要求从业者必须会DIV+CSS了。

    1、DIV+CSS的语法形式:

标签语法:

XML/HTML Code复制内容到剪贴板
<div class="" id="">   
   
<!--class属性用来引用以“.”开始的样式类型,id属性可以用用来引用以“#”开始的样式,或者唯一标识当前div块   
   
这里是div层内的需要展现内容(可以是文字、图片等其他网页元素)   -->
   
</div>   
   

样式语法:

CSS Code复制内容到剪贴板
.typename{a;b;c;……}   
/*其中typename ,a,b,c都是自定义的*/   
#name{a;b;c;……}   
/*其中name ,a,b,c都是自定义的*/   

没了,就这么简单。

   2、如果要做到熟练使用DIV+CSS制作网页,那么就必须了解大部分的CSS属性和属性值,其实互联网上目前盛行的很多站点,其页面源代码极其简单,满屏看去,div出现的数量极多,一层div套在另一个div'内,有的甚至是多层嵌套,尽管这样,页面代码看起来仍然比表格好得多,这也是前端开发人员爱好DIV布局的原因之一。

   3、一定要时刻考虑到DIV层的边距和边框,有时候边距和边框设置不当,往往容易造成错位、溢出等现象。

   4、多去手写网页代码,不要用可视化的网页编辑器去生成代码。

   5、时刻考虑到主流的浏览器显示差异,写兼容性最好的代码。

转载自:http://www.91ctc.com/article/article-47.html
页: [1]
查看完整版本: 学习DIV+CSS要注意些什么,如何学习DIV+CSS布局网页