`

CSS实用小技巧

    博客分类:
  • CSS
阅读更多

     本文链接: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、中文字体的粗体和斜体,远离较好,利民利己。

分享到:
评论

相关推荐

    css实用的技巧 css css

    2. **CSS实用教程**:可能涵盖了基础到进阶的CSS知识,如盒模型理解、响应式设计、浏览器兼容性处理、预处理器的使用(如Sass或Less)等。 3. **css常用布局多行多列**:这部分内容可能探讨了创建多行多列布局的...

    js添加css样式小技巧

    ### js添加css样式小技巧 在前端开发过程中,经常需要使用JavaScript动态地为网页元素添加或修改CSS样式。本文将详细介绍几种使用JavaScript添加CSS样式的技巧,并解释它们的工作原理及适用场景。 #### 一、使用`...

    CSS使用技巧的word文档

    本文档提供了几个实用的CSS使用技巧,帮助开发者更高效地控制页面样式。 1. 文字水平居中:通过设置`text-align`属性为`center`,可以实现一段文字在容器内的水平居中对齐。 ```css text-align: center; ``` 2. ...

    css9种设计技巧

    本文将详细介绍9种实用的CSS设计技巧,帮助提升网页的视觉效果和用户体验。 1. 取消下划线:在现代网页设计中,为了使链接看起来更简洁,常常会去除文本链接的下划线。这可以通过在CSS中设置`text-decoration`属性...

    制作网页中Html+css小技巧收集

    通过收集并分享一系列HTML与CSS的小技巧,可以显著提升网页设计的效率与质量。以下是对标题“制作网页中Html+css小技巧收集”及描述中提到的知识点进行的详细解析: ### 1. 控制元素高度和溢出 在CSS中,`overflow...

    CSS使用技巧总结

    本文将从不同方面介绍一些实用的CSS技巧。 1. 文字的水平居中:通过设置元素的text-align属性为center,可以使容器内的文本水平居中。例如,`text-align: center;`应用于`<p>`或`<div>`等元素,可以使其中的文字...

    CSS设计彻底研究详细介绍了css 设计技巧 (ppt)

    书中首先介绍了(X)HTML和CSS的基础知识,包括它们之间的关系、HTML与XHTML的区别,如标记名称的大小写规则、嵌套规则等。DOCTYPE的选择对于理解文档类型和浏览器解析方式非常重要。 接着,书中的第2章展示了CSS如何...

    css的使用技巧

    本文将详细介绍一些实用且常用的CSS技巧,帮助开发者更好地掌握这门技术。 #### 二、基础技巧 ##### 1. 图片居中与文字排版 - **代码示例**: ```css #m_blogdiv .titBlog { line-height: 90px; /* 设置行高,...

    css样式表小技巧的总结

    ### CSS样式表小技巧的总结 在Web开发中,CSS(层叠样式表)是用于控制网页布局和外观的关键技术之一。随着Web标准的发展和技术的进步,掌握一些实用的CSS技巧对于提升网页的设计质量和效率有着不可忽视的作用。...

    十四个CSS应用小技巧陈列

    主要介绍如何CSS能使你的网页更加简炼以及使用CSS中的一些小经验.

    CSS使用技巧20则

    以下是一些实用的CSS使用技巧,旨在帮助开发者提升工作效率,优化网页设计,以及创建更具吸引力的用户体验。 1. **选择器优先级**:理解ID、类和元素选择器的权重至关重要,ID选择器权重最高(100),类选择器(10...

    css2.0中文实用(提供大量CSS页面技巧应用、实用性很强)

    在本指南中,我们将深入探讨CSS2.0的一些核心概念和实用技巧。 1. **选择器和属性** CSS2.0引入了更复杂的选择器,如类选择器(`.class`)、ID选择器(`#id`)以及元素选择器(`element`)。此外,还可以使用伪类...

    CSS样式表常用小技巧

    ### CSS样式表常用小技巧详解 #### 一、选择器优先级与兼容性问题 - **选择器优先级**:在CSS中,不同种类的选择器有不同的优先级。ID选择器的优先级高于类选择器(class),而类选择器又高于标签选择器。例如,在...

    制作网页Css使用技巧

    这个“制作网页Css使用技巧”资料集合,无疑为那些正在学习或者希望提升CSS技能的初学者提供了宝贵的资源。下面,我们将深入探讨一些关键的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的常用技巧

    本篇将深入探讨CSS的常用技巧,帮助你提升网页设计的专业度。 1. **选择器的高效使用** - 类选择器(`.class`):通过类名来选择元素,适用于多个元素共享同一样式的情况。 - ID选择器(`#id`):用于唯一标识一...

    css使用技巧个人总结

    在CSS世界里,掌握一些实用的技巧可以极大地提升网页设计的效率和美观度。以下是我个人在实践过程中总结的一些CSS使用技巧,希望对你有所帮助。 1. **页面标题效果(类似倒影)** - **实现方法**:创建两个标题...

    css小技巧汇总

    以下是一些实用的CSS小技巧,它们可以帮助开发者解决常见的布局问题,提高页面的交互性和视觉效果。 1. 隐藏记住密码后自动填充的黄色背景 在Chrome浏览器中,当用户保存密码后,下一次访问页面时,浏览器会自动...

    CSS代码与技巧

    使用CSS Sprite技术合并小图像以减少HTTP请求。利用CSS3的局部加载和延迟加载特性,提高页面加载速度。 **CSS动画和过渡**:CSS3引入了动画和过渡,使得网页元素的动态效果更加流畅。通过`transition`属性可以平滑...

Global site tag (gtag.js) - Google Analytics