仓酷云

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

[DIV+CSS] 来看看:CSS的“顶级技能”

[复制链接]
跳转到指定楼层
楼主
发表于 2015-1-16 00:26:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
Table布局灵活性不大,你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。
Snook.Ca比来给一切的CSSer提出了一些写CSS时分的“顶级技能”。
字体巨细利用px
在一行内声明CSS
对照上面两个:
h2{font-size:18px;border:1pxsolidblue;color:#000;background-color:#FFF;}
h2{
font-size:18px;
border:1pxsolidblue;
color:#000;
background-color:#FFF;
}
第二种看起来切实其实格局化,可是不会在浏览上有任何匡助。写在一行内可让你更快的找到必要的部分。
之前我也是写成相似第二种体例,可是渐渐发明就像文章说的一样,没多年夜用。一行看起来又爽利又省中央还能让文件更小。
分块誊写代码
如许誊写代码可让CSS更页面化,在呈现成绩时分能够最短工夫内找到成绩地点。就像上面如许:
#content{float:left;}
#contentp{…}
#sidebar{float:left;}
#sidebarp{…}
#footer{clear:both;}
#sidebarp{…}
扫瞄器撑持
只撑持最新的扫瞄器。也就是说要保持IE5和IE5.5。如许一来就可以省下良多工夫。关于IE6来讲不必利用盒模子Hack。假如只针对盛行扫瞄器的话,只必要很少的Hack就可以完成一样的效果。
我注重了一下网易新版主页的CSS,个中居然一个!important大概Hack都没有,但是在FF和IE内里显现效果都很好。公道的利用CSS能够制止Hack。固然,调试的工夫会多一些。
包括浮动元素
一切在容器内的内容都应当被计划为和容器坚持分歧。假如过年夜的话就会滑动到毛病地位。利用负值margin调剂到容器外一样会招致滑动。
了解Overflow
假如页面中有两个浮动元素,在左容器内输入过量内容的话就会招致右边容器跑到上面。这也就是说你的margin、宽度大概padding设置凌乱了,不外在FF内里表现不出来。利用overflow:hidden大概overflow:scroll能够制止IE同意内容冲出容器。
同意块元素主动添补空缺
缩写CSS
良多人都margin-top、margin-right、margin-bottom、margin-left的用上一堆。实在这是最基础的,margin能够间接简写为margin:上右下左值。能够在这里看到CSS缩写的总结。
制止不用要的选择器
把款式的选择器削减到起码。假如你发明本人一直的写ulli{}大概tabletrtd{}就证实写的过于具体了。更少的选择器会让你更简单的发明成绩。
我没有完整翻译,并且个中另有良多我本人的话,呵呵。
原文:http://my.donews.com/siwei/2006/10/26/SPyJrLSBLbXuZRlQwlwtzqgRgKmEYpuReSAw/
  会见典范网站建立类教程>>



</p>
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
乐观 该用户已被删除
沙发
发表于 2015-1-18 06:40:46 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
只想知道 该用户已被删除
板凳
发表于 2015-1-24 11:37:18 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
admin 该用户已被删除
地板
发表于 2015-2-1 10:10:39 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
飘灵儿 该用户已被删除
5#
发表于 2015-2-7 04:40:28 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
小魔女 该用户已被删除
6#
发表于 2015-2-20 21:06:36 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
深爱那片海 该用户已被删除
7#
发表于 2015-3-6 19:11:03 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
变相怪杰 该用户已被删除
8#
发表于 2015-3-13 08:06:14 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
精灵巫婆 该用户已被删除
9#
发表于 2015-3-20 16:56:58 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 05:29

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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