`
昔雪似花
  • 浏览: 204211 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

15个CSS常识

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、中文字体的粗体和斜体,远离较好,利民利己。
分享到:
评论

相关推荐

    DIV+CSS 高手也得看的15个CSS常识

    ### DIV+CSS 高手也得看的15个CSS常识 #### 1. 不要使用过小的图片做背景平铺 在网页设计中,背景平铺是一种常见的技术手段,用于填充较大的区域以增强视觉效果。然而,如果选择尺寸过小的图片作为背景平铺,则会...

    15個CSS常識

    根据给定的信息,我们可以整理并详细解释以下CSS相关的知识点: ...综上所述,以上15个CSS常识覆盖了从基本的性能优化技巧到高级的布局控制策略等多个方面。掌握这些知识可以帮助前端开发者编写出既美观又高效的网页。

    15个CSS常识 注意一下吧

    宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。 2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色...

    Web-master.zip

    02-CSS基础 add: 关于字体的常识 yesterday 03-CSS进阶 update: 字体的常识 yesterday 04-JavaScript基础 update: refactor 13 days ago 05-JavaScript进阶 update: refactor 13 days ago 06-前端基本功:CSS和DOM...

    最完整最全面的网站开发帮助文档,开发网站必不可少的工具书

    1.css3.0参考手册.chm 2.css滤镜.chm 3.css样式.chm 4.DHTML默认行为手册.chm 5.DHTML完全手册.chm 6.DOM文档对象模型手册.chm 7.Javascript 操作select下拉框.txt 8.Jquery1.2.6源码分析.pdf 9.jQueryAPI_CHM.CHM ...

    2021-2022计算机二级等级考试试题及答案No.15020.docx

    ### 15. 二维数组中元素的位置计算 **知识点**:二维数组元素位置的计算方法。 **详细解释**:在二维数组中,计算某个元素位置时,需要考虑数组的行数和列数。对于二维数组 a[m][n],数组 a[j][i] 前面的元素个数...

    2021-2022计算机二级等级考试试题及答案No.13046.docx

    15. **引用调用的方式**:在函数调用中,如果形参是引用,实参是变量,则这种调用方式称为引用调用(选项C)。这种方式允许函数直接修改传递给它的实参值。 ### 二进制日志文件 16. **二进制日志文件的功能**:...

    软件技术整体解决方案.pdf

    而像"3.***.11232"这样的数字序列,由于与常识不符,可能是OCR扫描错误或者文档中特有的编码,需要结合实际情况来解释。 以上内容涵盖的技术知识点较为丰富,为软件开发的各个方面提供了框架。这些技术的合理运用...

    2021-2022计算机二级等级考试试题及答案No.13150.docx

    根据提供的文件信息,我们可以归纳总结出一系列与计算机二级等级考试相关的知识点,涵盖编程语言、数据库操作、数据管理技术等多个方面。 ### 1. CSS 页面布局 - **知识点**:CSS(层叠样式表)是一种用来描述HTML...

    个人设计作业网页,宠物网

    五、动态效果设计 1. 为了缓和网站( 26 . 图文混排)样式的信息浏览量过大而造成用户视觉疲劳的问题,可以使用Flash制作网页元素的技巧在页面中达到动静平衡的作用。 2. 在( 17. 信息互动 )系统,可充分使用...

    2021-2022计算机二级等级考试试题及答案No.11351.docx

    ### 15. 计算机软件分类的常识性错误 - 计算机软件通常分为 **系统软件** 和 **应用软件**。因此题目描述错误。 ### 16. Model1 架构中 JSP 页面间的分发机制 - 在 Model1 架构中,JSP 页面作为控制器,使用 `...

    2021-2022计算机二级等级考试试题及答案No.10905.docx

    15. **菜单项的交互**:题目提到带有省略号 `(…)` 的菜单项意味着该菜单项被选用后将打开一个对话框或子菜单,而不是直接执行某个操作。这是一个常见的用户界面设计模式。 ### 计算机体系结构的发展 16. **存储...

    2021-2022计算机二级等级考试试题及答案No.19247.docx

    ### 15. Java 随机数生成 - **知识点**: Java中使用`Random`类来生成随机数,该类位于`java.util`包中。 ### 16. WWW 网络概念 - **知识点**: WWW网是万维网的简称,是一种基于超文本传输协议(HTTP)的信息共享系统...

    2021-2022计算机二级等级考试试题及答案No.10911.docx

    **15. 软件设计** - **知识点**:软件设计中的过程设计概念。 - **解释**:选项B正确。软件的过程设计涉及到将软件的设计转化为具体的实现步骤。 ### 数据库查询 **16. SQL 查询** - **知识点**:SQL查询中筛选...

    行业贸易商务门户网站系统正式版

    旗下的门户型B2B行业网站系统,采用先进的标签技术和静态生成技术,通过网站后台管理轻松实现网站前台多种风格和会员网站多风格,让每一个只要懂得简单网页制作常识的网友,轻松制作出精美专业的的行业商务网站系统...

    网吧维护技术资料 合集

    14853 网吧维护\让win98启动更快的十五招.txt 4435 网吧维护\资料\2K修改注册表加强安全.TXT 8304 网吧维护\资料\2K服务详解.TXT 46476 网吧维护\资料\98系统注册表操作.TXT 19544 网吧维护\资料\AWARD BIOS设置详解...

    Trivia-Game

    它可能是为用户提供有趣、教育性的娱乐体验,通过一系列问题测试用户的常识、文化、历史或其他领域的知识。JavaScript是网页开发中的主要脚本语言,常用于实现交互性和动态功能。 在这个项目中,我们可以预期以下...

    夫唯SEO全套教程.pdf

    ##### 第一节:新手需要知道的网站基础常识 - **网站与互联网**: 网站是通过互联网访问的一组相关网页和其他文档的集合。互联网是由全球范围内无数个计算机网络相互连接而成的庞大网络系统。 - **域名与IP地址**: 每...

Global site tag (gtag.js) - Google Analytics