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个重要知识点: 1. DIV+CSS布局保持视觉一致性 DIV+CSS布局通过使用DIV标签配合CSS样式,使得网页设计摆脱了依赖表格嵌套的方式。这种布局方式可以更容易地通过统一的CSS文件控制页面的外观,...
描述中的“牛人用css构图打造小叮当”揭示了这个项目的核心——利用CSS的技术实力来创建小叮当的图形表现。CSS构图是指通过定义元素的位置、大小、颜色等属性,来构造出复杂的视觉效果。在这个案例中,开发者可能...
目前的设计是这样的,尽量保持完整的 reset,比如让 ul/ol 无样式并且无多余的 padding/margin, 这是必须的,因为一个网可能需要很多自定义的的内容,在实践中我们并不希望像 ul/ol 有样式,这样我们得用优先级去...
【描述】中的"牛人偷站工具php版源码.zip"可能是指一个由技术高手开发的PHP脚本,这个脚本能够自动化地抓取并保存网页的HTML、CSS、JavaScript以及图片等资源,形成一个与原网站几乎一样的副本。这种工具在某些情况...
标题中的“Jquery 高级控件,各种js控件,牛人写的”暗示我们将讨论jQuery UI中的高级功能和组件,而描述中的“拖拽效果,accordion,tabs,仿桌面程序控件”则指出了几个特定的jQuery UI控件。 首先,jQuery UI的...
在这个名为“ASP.NET-[聊天留言]牛人网络留言版.zip”的压缩包中,我们可以推测它包含了一个基于ASP.NET实现的在线聊天或留言版系统。这个系统可能由一系列文件组成,如网页(.aspx)、后台代码(.cs)、数据库配置...
【ASP.NET源码——[聊天留言]牛人网络留言版】是一个基于ASP.NET技术开发的在线聊天和留言功能的应用程序示例。这个压缩包包含了实现这一功能的所有源代码,为开发者提供了一个学习和参考的平台,特别是对于那些想要...
### 牛人的PHP学习总结笔记知识点详述 #### PHP概述 PHP,全称为"PHP:Hypertext Preprocessor",是一种开放源代码的多用途脚本语言,特别适用于Web开发,可嵌入到HTML中,与JavaScript(客户端)不同,PHP在服务端...
2. **链式调用**:jQuery的另一个特色是链式调用,如`$("div").css("color", "red").fadeIn()`,这得益于每个jQuery对象都是一个数组包装对象,可以返回自身,实现方法的连续调用。 3. **数据绑定与事件处理**:...
15. **突出显示单元格**: - `RowDataBound` 事件中检查数据,如果满足条件(如金额低于阈值),则设置单元格的样式。 16. **自动求和、求平均值、小计**: - 可以在 `FooterRow` 中动态计算并显示总计,平均值等...
Nginx支持静态文件的缓存,对于常见的静态资源(如图片、CSS、JavaScript文件),可以直接从Nginx服务器响应,减少对后端应用服务器的压力,提升页面加载速度。 ### 5. URL重写 Nginx具备URL重写规则,可以根据...
牛人“偷”站,第一次听说这名字吧,没错,这是莎莎团队最新力作!有了它,从此你告别辛苦建站,辛苦更新维护,快乐做站长!你可以大批量一天内创建数以百计的商业大站(只要你的空间能绑定足够多的域名即可,而占用...
3. "css2.0.chm" - CSS2.0是CSS的一个早期版本,它扩展了CSS1.0的功能,引入了浮动、定位、多列布局等重要特性,使得网页设计更加灵活和精细。这个文件应该包含了CSS2.0的所有规则和应用实例。 4. "fifdoc_...
五、自动化流程 1. **登录**:首先,使用Selenium模拟用户登录,输入账号和密码。 2. **职位筛选**:根据预设的条件(如岗位、经验、地点等),筛选出合适的候选人。 3. **数据抓取**:抓取每个候选人的关键信息,如...
CSS3提供了更多的样式控制,如动画、过渡和选择器,使网页设计更具动态感和个性化。而JavaScript,尤其是与HTML5 API结合,如Geolocation、Web Workers和Web Storage等,可以实现更复杂的功能和交互。 总的来说,这...
在这个"学成在线首页制作的源代码"项目中,我们将深入探讨如何利用这些技术来创建一个功能完备、交互性强的在线学习平台首页。 首先,我们要关注的是`body`标签。在HTML结构中,`body`标签包裹着网页的主要内容,...
第一种方法: 关于这个布局,作者是这样说明的:“left和right都贴住左侧。设置left在right上面(z-index);在right内加个放内容的层(content);设置content距离right的左侧为200px,即刚巧等于left的宽度。” 这个...
描述中提到“国外牛人编写”,这可能意味着这个压缩包中包含了一组由经验丰富的开发者创建的JavaScript缓冲效果示例。这些示例可能是通过不同的技术、算法或时间函数实现的,对于学习和理解JavaScript动画机制非常有...
同时,"牛人请绕道"可能意味着这个示例对于有经验的开发者来说可能较为基础,不涉及复杂的交互或高级功能。 【标签】中的"手机网站"和"手机网页"强调了这个WAP首页是针对手机用户设计的,意味着它需要考虑到小屏幕...