CSS代码在线优化工具
越来越多的网站开始追求页面简洁,减少代码冗余,以降低页面加载时间,从而提高用户体验。CSS Optimiser 是一款性能非常优越的CSS代码在线优化工具。
任鸟飞网站设计博客是一个关注网页设计、网站建设、前端开发、美工设计、推广优化、网站博客赚钱、互联网趣味信息及搜素引擎等的原创设计类博客。海阔凭鱼跃,天高任鸟飞!
越来越多的网站开始追求页面简洁,减少代码冗余,以降低页面加载时间,从而提高用户体验。CSS Optimiser 是一款性能非常优越的CSS代码在线优化工具。
我们习惯使用自己熟悉的CSS属性来定义页面的样式,虽然下面这些CSS属性虽然不是很常用,但掌握这些方法也许能让你如虎添翼。
页面布局设计时须参考显示屏的分辨率,常见的分辨率有1028*800,1028*768,1028*720,1024*768,960*600,800*600。
文档对象模型(Docuement Object Model,简称DOM),是W3C组织推荐的处理XML的标准适配器。文档内容按照规定的格式标准按层级布局。
利用CSS和Javascript实现网页内嵌信息响应鼠标事件,当鼠标滑过网页中某个给定的区域时,就会调用Javascript ,实现内嵌信息的显示与隐藏。
掌握CSS的规范,编写的代码须符合CSS规范要求,在减小CSS文件大小的同时,使其更有条理,浏览器解析更有效率。
Web 2.0 提倡tableless(去表格化),将内容与样式完美的分离,利于网站的redesign(再设计),利用CSS(层叠样式表)来定义网页的样式。
position属性和float属性一起控制页面的布局,并通过z-index控制元素在页面垂直方向的排列顺序。
float属性可以控制页面是否浮动,以及浮动的方式。这里需要说明的是,如果被定义成绝对定位(position:absolute),则会忽略float的浮动类型。
控制页面布局属性包括display 、float 、position,这些属性控制文档元素的可见性、显示方式、位置,本文主要利用一些实例来说明display的用法。