仓酷云

标题: DIV教程之一些顶级CSS技能 [打印本页]

作者: 小妖女 时间: 2015-1-16 00:14
标题: DIV教程之一些顶级CSS技能
所有的设计第一步就是构思，构思好了。

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{}就证实写的过于具体了。更少的选择器会让你更简单的发明成绩。
我没有完整翻译，并且个中另有良多我本人的话，呵呵

</p>
所有的设计第一步就是构思，构思好了。

作者: 活着的死人 时间: 2015-1-18 05:47
还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

作者: 灵魂腐蚀 时间: 2015-1-25 07:33
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

作者: 深爱那片海 时间: 2015-2-2 19:03
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 飘飘悠悠 时间: 2015-2-8 05:44
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

作者: 蒙在股里 时间: 2015-2-24 19:32
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

作者: 兰色精灵 时间: 2015-3-7 13:50
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

作者: 仓酷云 时间: 2015-3-15 07:44
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 因胸联盟 时间: 2015-3-22 00:08
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

欢迎光临仓酷云 (http://ckuyun.com/)