发布时间:2020-09-01 10:08:50 浏览:1916
CSS对现代网页非常重要,它能取得更好的效果,所以今天的东浩联创将与你分享CSS 3的新知识
1.样式的可重用性
CSS布局网页的最大特点是样式的可重用性。使用class选择器在网页中重复使用某个样式属性,以减少连续定义样式属性的繁琐工作,并提高页面的可维护性。例如,您可以在某处表达样式、整体样式和文本颜色。您甚至可以扩展到页面的模块化处理。
2.浮动和清除浮动
浮动页面布局中的许多浏览器兼容性问题都是由浮动引起的,例如IE6.0中的双间距。浮动也是一把双刃剑。兼容性问题是由它引起的第二个问题。良好地使用浮动将会给网页的布局带来很大的帮助。例如,使用负边距方法设计网页布局。
清除浮动是为了清除浮动引起的多种问题。有许多方法可以消除浮动。
3.定位模式下的页面布局
定位方法的布局通常指绝对定位。这种布局方法要求非常高的页面布局精度。不幸的是,绝对定位布局方法的盒子模型在高度和宽度上是固定的,并且不是自适应的。
4.不要过度使用ID选择器
ID在页面中出现一次。过度使用将失去样式的可重用性,页面的可维护性将大大降低。
5.类别选择器和ID选择器由字母编号命名。
类选择器和ID选择器有多种命名方式。最好的方法是根据模块的功能来命名它。例如,对于主要内容区域,您可以使用# mainBox或.mainbox而不是#box1。或.box1。
不要使用字母数字命名。在未来的维护中,很容易看出模块主要是针对对象的。
6、合理使用css布局,不要盲目使用
CSS样式的主要功能是处理页面结构样式,避免使用CSS技术来剥夺其他语言的脚本,从而尝试一种技术或新技术。
下一篇:目标网页设计时有哪些需要注意的?