也许有人经常问一些细节问题,如DIV {FONT: 12px/20px "宋体"; COLOR: #333}中的font:12px/20px是什么意思呀?完整的写法是:{font-size:12px;line-height:20px;font-family:"宋体";color:#333;}回答是:12px表示字体大小,20px表示行间距(文字段落上下之间的距离)
也许有人经常问一些细节问题,如DIV {FONT: 12px/20px "宋体"; COLOR: #333}中的font:12px/20px是什么意思呀?完整的写法是:{font-size:12px;line-height:20px;font-family:"宋体";color:#333;}回答是:12px表示字体大小,20px表示行间距(文字段落上下之间的距离)
搜索引擎优化(SEO)有很多工作要做,其中对代码的优化是一个很关键的步骤。下面是目前流行的CSS+DIV的命名规则:页头:header登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体:main内容:content标签页:tab文章列表:list提示信息:msg
总结了部分所学、所听、所看、所问的一些CSS写作经验,书写高效的CSS - 漫谈CSS的渲染效率,它们与渲染效率及所占用消耗的资源有一定的关联。部分为自己理解所写,不排除会有错漏,欢迎提供更好的意见。
1.CSS的概念
对于一个网页设计者来说,HTML语言一定不会感到陌生,因为它是所有网页制作的基础。但是如果希望网页能够美观、大方,并且升级方便,维护轻松,那么仅仅HTML是不够的,CSS在这中间扮演着重要的角色。本课从CSS的基本概念出发,介绍CSS语言的特点,以及如何在网页中引入CSS,并对CSS进行初步的体验。
CSS(Cascading Style Sheet),中文译为层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS是1996年由W3C审核通过,并且推荐使用的。简单的说CSS的引入就是为了使得HTML能够更好的适应页面的美工设计。它以HTML为基础,提供了丰富的格式化功能,如字体、颜色、背景、整体排版等等,并且网页设计者可以针对各种可视化浏览器设置不同的样式风格,包括显示器、打印机、打字机、投影仪、PDA等等。CSS的引入随即引发了网页设计的一个又一个新高潮,使用CSS设计的优秀页面层出不穷。
...