WEB教程基地:www.91ctc.com为你搭建学习WEB技术的优秀平台
在线留言 网站地图 加入收藏 设为首页
您的位置:本站首页>>DIV CSS HTML>>学习DIV+CSS要注意些什么,如何学习DIV+CSS布局网页

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

[ 录入者:91ctc | 时间:2011-12-02 04:16:54 | 作者: 91ctc| 来源:本站原创 | 浏览: 次 ]


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

 样式语法:

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

  没了,就这么简单。

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

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

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

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


关闭】【返回顶部

相关文章
{xiangguan_list}
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。联系我们
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号