`
charrysong
  • 浏览: 49728 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

牛人也得看的15个CSS常识

阅读更多

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。
2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。 
3、慎用 * 通配符。所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。要有选择的初始化标签。 
4、CSS 的十六进制颜色代码缩写。习惯了缩写及小写,这才知道,原来不是推荐的写法,为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣,有待仔细考证。 
5、样式放头上,脚本放脚下。不内嵌,只外链。 
6、坚决不用 CSS 表达式。 
7、使用 引用样式表,而不是通过 @import 导入。 
8、一般来说,PNG 比 GIF 要小,小得多。再者,GIF 中有多少颜色是被浪费的,很值得优化。 
9、千万不要在 HTML 中缩放图片,一者不好看,二者占资源。 
10、正文字体最好用偶数,12px、14px、16px,效果非常好。特例,15px。 
11、block、ul、ol 等上下留出至少一倍行距,左侧至少两倍行距,右侧随意。 
12、段落之间,至少要有一倍行距。 
13、强行指定某些元素的 line-height,正文 1.6 倍于文字大小,标题 1.3 倍。 
14、中文标点用全角。英文夹杂在中文中,左右空格,半角。 
15、中文字体的粗体和斜体,远离较好,利民利己。

转自:http://www.ok22.org/art_detail.aspx?id=44

分享到:
评论

相关推荐

    牛人也得看的15个CSS技巧(提高网页效率)

    以下是在此领域的15个重要知识点: 1. DIV+CSS布局保持视觉一致性 DIV+CSS布局通过使用DIV标签配合CSS样式,使得网页设计摆脱了依赖表格嵌套的方式。这种布局方式可以更容易地通过统一的CSS文件控制页面的外观,...

    dora.rar_dora.css

    描述中的“牛人用css构图打造小叮当”揭示了这个项目的核心——利用CSS的技术实力来创建小叮当的图形表现。CSS构图是指通过定义元素的位置、大小、颜色等属性,来构造出复杂的视觉效果。在这个案例中,开发者可能...

    中文网页重设与排版typo.css.zip

    目前的设计是这样的,尽量保持完整的 reset,比如让 ul/ol 无样式并且无多余的 padding/margin, 这是必须的,因为一个网可能需要很多自定义的的内容,在实践中我们并不希望像 ul/ol 有样式,这样我们得用优先级去...

    基于PHP的牛人偷站工具php版源码.zip

    【描述】中的"牛人偷站工具php版源码.zip"可能是指一个由技术高手开发的PHP脚本,这个脚本能够自动化地抓取并保存网页的HTML、CSS、JavaScript以及图片等资源,形成一个与原网站几乎一样的副本。这种工具在某些情况...

    Jquery 高级控件,各种js控件,牛人写的

    标题中的“Jquery 高级控件,各种js控件,牛人写的”暗示我们将讨论jQuery UI中的高级功能和组件,而描述中的“拖拽效果,accordion,tabs,仿桌面程序控件”则指出了几个特定的jQuery UI控件。 首先,jQuery UI的...

    ASP.NET-[聊天留言]牛人网络留言版.zip

    在这个名为“ASP.NET-[聊天留言]牛人网络留言版.zip”的压缩包中,我们可以推测它包含了一个基于ASP.NET实现的在线聊天或留言版系统。这个系统可能由一系列文件组成,如网页(.aspx)、后台代码(.cs)、数据库配置...

    ASP.NET源码——[聊天留言]牛人网络留言版.zip

    【ASP.NET源码——[聊天留言]牛人网络留言版】是一个基于ASP.NET技术开发的在线聊天和留言功能的应用程序示例。这个压缩包包含了实现这一功能的所有源代码,为开发者提供了一个学习和参考的平台,特别是对于那些想要...

    牛人写的jQuery1.26版的代码分析

    2. **链式调用**:jQuery的另一个特色是链式调用,如`$("div").css("color", "red").fadeIn()`,这得益于每个jQuery对象都是一个数组包装对象,可以返回自身,实现方法的连续调用。 3. **数据绑定与事件处理**:...

    牛人GridView控件72般经典绝技

    15. **突出显示单元格**: - `RowDataBound` 事件中检查数据,如果满足条件(如金额低于阈值),则设置单元格的样式。 16. **自动求和、求平均值、小计**: - 可以在 `FooterRow` 中动态计算并显示总计,平均值等...

    nginx最牛的服务器

    Nginx支持静态文件的缓存,对于常见的静态资源(如图片、CSS、JavaScript文件),可以直接从Nginx服务器响应,减少对后端应用服务器的压力,提升页面加载速度。 ### 5. URL重写 Nginx具备URL重写规则,可以根据...

    牛人偷站工具最新官方版

    牛人“偷”站,第一次听说这名字吧,没错,这是莎莎团队最新力作!有了它,从此你告别辛苦建站,辛苦更新维护,快乐做站长!你可以大批量一天内创建数以百计的商业大站(只要你的空间能绑定足够多的域名即可,而占用...

    经典网页教程

    3. "css2.0.chm" - CSS2.0是CSS的一个早期版本,它扩展了CSS1.0的功能,引入了浮动、定位、多列布局等重要特性,使得网页设计更加灵活和精细。这个文件应该包含了CSS2.0的所有规则和应用实例。 4. "fifdoc_...

    HTML5外企网站实例源码

    CSS3提供了更多的样式控制,如动画、过渡和选择器,使网页设计更具动态感和个性化。而JavaScript,尤其是与HTML5 API结合,如Geolocation、Web Workers和Web Storage等,可以实现更复杂的功能和交互。 总的来说,这...

    利用python在boss网页版上自动与合适的候选人打招呼

    五、自动化流程 1. **登录**:首先,使用Selenium模拟用户登录,输入账号和密码。 2. **职位筛选**:根据预设的条件(如岗位、经验、地点等),筛选出合适的候选人。 3. **数据抓取**:抓取每个候选人的关键信息,如...

    左侧固定宽度,右侧自适应宽度的CSS布局

    第一种方法: 关于这个布局,作者是这样说明的:“left和right都贴住左侧。设置left在right上面(z-index);在right内加个放内容的层(content);设置content距离right的左侧为200px,即刚巧等于left的宽度。” 这个...

    45种JavaScript缓冲效果集合演示

    描述中提到“国外牛人编写”,这可能意味着这个压缩包中包含了一组由经验丰富的开发者创建的JavaScript缓冲效果示例。这些示例可能是通过不同的技术、算法或时间函数实现的,对于学习和理解JavaScript动画机制非常有...

    公司WAP网站首页

    同时,"牛人请绕道"可能意味着这个示例对于有经验的开发者来说可能较为基础,不涉及复杂的交互或高级功能。 【标签】中的"手机网站"和"手机网页"强调了这个WAP首页是针对手机用户设计的,意味着它需要考虑到小屏幕...

    网络留言版_网站在线聊天留言源码.rar

    【文件名称】"聊天留言]牛人网络留言版_gbook" 暗示这个源代码可能包含一个名为"Gbook"的组件,可能是用户界面的主入口点,用于显示和提交留言。"牛人"可能是指开发者或者团队,表示这是一个由高手或专业人员开发的...

Global site tag (gtag.js) - Google Analytics