仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 2746|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:CSS代码结构八条最多见的毛病

[复制链接]
莫相离 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:20:21 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
网页制造poluoluo文章简介:良多人关于CSS都是边干边进修,由于它不像C#之类的言语那末庞大,看起来仿佛挺复杂,但是恰是这类对CSS的不完全的了解,招致了很多的CSS代码损坏了结构,大概带来了无停止的调试,以下总结了八条最多见的毛病,和它们的办理之道.
良多人关于CSS都是边干边进修,由于它不像C#之类的言语那末庞大,看起来仿佛挺复杂,但是恰是这类对CSS的不完全的了解,招致了很多的CSS代码损坏了结构,大概带来了无停止的调试,以下总结了八条最多见的毛病,和它们的办理之道:
1.不浏览大概没有读过W3C尺度的文档。

上图是W3CCSS2.1标准截图,这是以后独一的官方具体形貌CSS2功效的文件,年夜部分都是干巴巴的条则,不外幸亏有很多冗长有效的部分,当你不分明某些CSS功能的时分能够往查阅这个文档,上面列出一下对照经常使用的部分:
1.盒模子(Theboxmodel)
2.选择器(Selectors)
3.可视化格局模子(Visualformattingmodel)特别是浮动(floats)和块格局(blockformattingcontexts)
2.DIV标签汤()
老手写页面最简单遇见的情形:DIV一锅粥,不论甚么中央都用一年夜堆的DIV标签往写。好比用div往摹拟表格,这类用法是完整没有事理的,增添了页面的标签净化,这类做法带来一系列成绩:页面加载慢、必要写更多的CSS、代码不简单保护等等。
这类DIV综合症基础下去源于对款式表基础事情机制的曲解。好比一团体写了一个3层的DIV嵌套,给每一个DIV增加对应的款式,如第一个DIV设置背景致,第二个设置外边距,给第三个设置字体巨细,实在他没无意识到的是,除非相对需要,这些属性都能够兼并到一个div里往完成。
另外一个缘故原由仿佛是想用DIV标签往替换诸如H1/H2/LI等更得当的标签,这是应当制止的做法,由于大概会给利用定阅器、旧的扫瞄器大概手机扫瞄器的用户带来成绩。
3.ID仍是CLASS?

这张图很抽象,橘黄色的是class,蓝色的是ID。利用class仍是id,这是相称年夜一部分还没有把握逻辑化的CSS结构的人的一个通病,廓清一下:ID是界说一个项目标,而class能够界说多个项目。一个很普通的例子,你的身份证号就是ID,而身份证上写的“中国”就是class,良多人的身份证上都写的是中国,可是号码却和你的分歧。
可是也不要各处乱花class,这仍旧是一个对CSS的了解成绩,下图申明了滥用CLASS和公道的用ID的区分:


4.疏忽缩写。

这个属于CSS的功能方面,上面一个例子就申明了成绩:
DaimaRen.cn
admin 该用户已被删除
沙发
发表于 2015-1-17 17:39:06 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
透明 该用户已被删除
板凳
发表于 2015-1-21 10:13:56 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
飘飘悠悠 该用户已被删除
地板
发表于 2015-2-16 08:48:21 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
柔情似水 该用户已被删除
5#
发表于 2015-3-5 03:40:30 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
谁可相欹 该用户已被删除
6#
发表于 2015-3-11 23:18:50 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
若天明 该用户已被删除
7#
发表于 2015-3-19 16:19:24 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
小魔女 该用户已被删除
8#
发表于 2015-3-29 14:27:55 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-25 01:05

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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