设为首页收藏本站

红警DIY论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

搜索
查看: 2322|回复: 0

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

[复制链接]
发表于 2012-5-21 18:30:18 | 显示全部楼层 |阅读模式
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
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|小黑屋|手机版|管理员邮箱|红警DIY官方论坛    

GMT+8, 2017-9-25 21:09 , Processed in 0.055450 second(s), 19 queries , Xcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表