本文链接:http://www.islandcn.com/post/742.html
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、中文字体的粗体和斜体,远离较好,利民利己。
分享到:
相关推荐
2. **CSS实用教程**:可能涵盖了基础到进阶的CSS知识,如盒模型理解、响应式设计、浏览器兼容性处理、预处理器的使用(如Sass或Less)等。 3. **css常用布局多行多列**:这部分内容可能探讨了创建多行多列布局的...
### js添加css样式小技巧 在前端开发过程中,经常需要使用JavaScript动态地为网页元素添加或修改CSS样式。本文将详细介绍几种使用JavaScript添加CSS样式的技巧,并解释它们的工作原理及适用场景。 #### 一、使用`...
本文档提供了几个实用的CSS使用技巧,帮助开发者更高效地控制页面样式。 1. 文字水平居中:通过设置`text-align`属性为`center`,可以实现一段文字在容器内的水平居中对齐。 ```css text-align: center; ``` 2. ...
本文将详细介绍9种实用的CSS设计技巧,帮助提升网页的视觉效果和用户体验。 1. 取消下划线:在现代网页设计中,为了使链接看起来更简洁,常常会去除文本链接的下划线。这可以通过在CSS中设置`text-decoration`属性...
通过收集并分享一系列HTML与CSS的小技巧,可以显著提升网页设计的效率与质量。以下是对标题“制作网页中Html+css小技巧收集”及描述中提到的知识点进行的详细解析: ### 1. 控制元素高度和溢出 在CSS中,`overflow...
本文将从不同方面介绍一些实用的CSS技巧。 1. 文字的水平居中:通过设置元素的text-align属性为center,可以使容器内的文本水平居中。例如,`text-align: center;`应用于`<p>`或`<div>`等元素,可以使其中的文字...
书中首先介绍了(X)HTML和CSS的基础知识,包括它们之间的关系、HTML与XHTML的区别,如标记名称的大小写规则、嵌套规则等。DOCTYPE的选择对于理解文档类型和浏览器解析方式非常重要。 接着,书中的第2章展示了CSS如何...
本文将详细介绍一些实用且常用的CSS技巧,帮助开发者更好地掌握这门技术。 #### 二、基础技巧 ##### 1. 图片居中与文字排版 - **代码示例**: ```css #m_blogdiv .titBlog { line-height: 90px; /* 设置行高,...
### CSS样式表小技巧的总结 在Web开发中,CSS(层叠样式表)是用于控制网页布局和外观的关键技术之一。随着Web标准的发展和技术的进步,掌握一些实用的CSS技巧对于提升网页的设计质量和效率有着不可忽视的作用。...
主要介绍如何CSS能使你的网页更加简炼以及使用CSS中的一些小经验.
以下是一些实用的CSS使用技巧,旨在帮助开发者提升工作效率,优化网页设计,以及创建更具吸引力的用户体验。 1. **选择器优先级**:理解ID、类和元素选择器的权重至关重要,ID选择器权重最高(100),类选择器(10...
在本指南中,我们将深入探讨CSS2.0的一些核心概念和实用技巧。 1. **选择器和属性** CSS2.0引入了更复杂的选择器,如类选择器(`.class`)、ID选择器(`#id`)以及元素选择器(`element`)。此外,还可以使用伪类...
### CSS样式表常用小技巧详解 #### 一、选择器优先级与兼容性问题 - **选择器优先级**:在CSS中,不同种类的选择器有不同的优先级。ID选择器的优先级高于类选择器(class),而类选择器又高于标签选择器。例如,在...
这个“制作网页Css使用技巧”资料集合,无疑为那些正在学习或者希望提升CSS技能的初学者提供了宝贵的资源。下面,我们将深入探讨一些关键的CSS知识点,这些技巧将有助于你更好地掌握CSS并提升网页设计能力。 首先,...
本文总结了18个实用的CSS技巧,旨在帮助开发者更高效地运用CSS,提高工作效率。 1. **使用CSS缩写**:通过缩写,如`margin: 0 auto`代替`margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto;...
本篇将深入探讨CSS的常用技巧,帮助你提升网页设计的专业度。 1. **选择器的高效使用** - 类选择器(`.class`):通过类名来选择元素,适用于多个元素共享同一样式的情况。 - ID选择器(`#id`):用于唯一标识一...
在CSS世界里,掌握一些实用的技巧可以极大地提升网页设计的效率和美观度。以下是我个人在实践过程中总结的一些CSS使用技巧,希望对你有所帮助。 1. **页面标题效果(类似倒影)** - **实现方法**:创建两个标题...
以下是一些实用的CSS小技巧,它们可以帮助开发者解决常见的布局问题,提高页面的交互性和视觉效果。 1. 隐藏记住密码后自动填充的黄色背景 在Chrome浏览器中,当用户保存密码后,下一次访问页面时,浏览器会自动...
使用CSS Sprite技术合并小图像以减少HTTP请求。利用CSS3的局部加载和延迟加载特性,提高页面加载速度。 **CSS动画和过渡**:CSS3引入了动画和过渡,使得网页元素的动态效果更加流畅。通过`transition`属性可以平滑...