仓酷云
标题:
来一发CSS顶级技能
[打印本页]
作者:
爱飞
时间:
2015-1-16 00:18
标题:
来一发CSS顶级技能
样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。
在一行内声明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{}就证实写的过于具体了。更少的选择器会让你更简单的发明成绩。
我没有完整翻译,并且个中另有良多我本人的话,呵呵。
最新版本html5+css3与2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。
作者:
若天明
时间:
2015-1-18 06:03
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
作者:
莫相离
时间:
2015-1-21 22:01
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
作者:
第二个灵魂
时间:
2015-1-30 22:49
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
作者:
小魔女
时间:
2015-2-6 16:40
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
作者:
兰色精灵
时间:
2015-2-17 10:06
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
作者:
愤怒的大鸟
时间:
2015-3-5 19:27
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
作者:
变相怪杰
时间:
2015-3-12 13:01
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
作者:
谁可相欹
时间:
2015-3-19 22:35
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
欢迎光临 仓酷云 (http://ckuyun.com/)
Powered by Discuz! X3.2