小妖女 发表于 2015-1-16 00:14:25

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:18

还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

灵魂腐蚀 发表于 2015-1-25 07:33:59

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

深爱那片海 发表于 2015-2-2 19:03:03

学Dreamweaver技术的过程其实是一个增加信心的过程。

飘飘悠悠 发表于 2015-2-8 05:44:45

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.

蒙在股里 发表于 2015-2-24 19:32:37

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

兰色精灵 发表于 2015-3-7 13:50:54

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

仓酷云 发表于 2015-3-15 07:44:52

学Dreamweaver技术的过程其实是一个增加信心的过程。

因胸联盟 发表于 2015-3-22 00:08:53

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
页: [1]
查看完整版本: DIV教程之一些顶级CSS技能