`

css代码优化

    博客分类:
  • css
阅读更多

最近想把自己的css代码优化下,使得更结构化,规范化。

首先对css名字的优化,做下统一:

 

 

外 套:  wrap  (在body结点下的第一层)

 

   页 眉:  header

   内   容:  content
   页 脚:  footer

 

模块:

    登陆:   login

    旗 志:  logo

    友情链接:   friendLink

样式文件名:

      首页:index.css

      主要的 :master.css
  布局,版面: layout.css
  专栏 :columns.css
  文字: font.css
  打印样式: print.css
  主题: themes.css

一般的浏览器对自己的默认尺寸有自己的定义,各个浏览器都不是很统一,比如说浏览器的边缘默认margin不统一所以需要对body做个设置!

 

 

未完。。。。。。

 

分享到:
评论

相关推荐

    css代码优化的12个技巧

    CSS代码优化是前端开发中一个重要的环节,它直接关系到页面的加载速度和渲染性能。优化CSS可以减少浏览器在解析和应用样式的计算量,从而提高页面的响应速度和用户体验。 根据MDN的分类,CSS选择符可以划分为四类,...

    CSS代码优化7个准则

    【CSS代码优化7个准则】是网页制作中提高效率和用户体验的重要步骤。这些准则不仅可以应用于CSS,也适用于HTML和JavaScript等其他编程语言。优化CSS代码的目的不仅在于减小文件大小,更在于提升代码的可维护性和...

    高效率、简洁、CSS代码优化原则.docx

    本文将深入探讨编写高效CSS代码时需要遵循的优化原则,这些原则不仅能够优化代码结构,还能提升网站的整体性能。 首先,CSS重置(Reset)是确保网站在不同浏览器上具有统一表现的重要步骤。然而,传统的全局重置...

    CSS优化.docx

    二、CSS 代码优化技巧 1. 删除多余空格字符:删除多余的空格字符,可以减少 CSS 文件的大小。 2. 删除每个选择器最后一个分号:删除每个选择器最后一个分号,可以减少 CSS 文件的大小。 3. 删除换行和空格:删除...

    优化你的CSS代码

    关于css代码优化的一些细节

    编写出色CSS代码的13个建议小结

    【CSS代码优化与最佳实践】 在编写出色的CSS代码时,有几点重要的建议值得遵循,以确保代码的可读性、可维护性和浏览器兼容性。以下是一些关键的实践策略: 1. **使用Reset但避免全局Reset** 不同浏览器对元素的...

    svg代码与css代码互相转换,并压缩

    本文将详细探讨如何实现SVG代码与CSS代码的相互转换,并介绍一种名为"svg2css"的工具来帮助完成这一过程。 SVG是一种基于XML的矢量图像格式,它可以无限缩放而不失真,非常适合用于图标、徽标和其他图形元素。CSS3...

    web代码混淆方案.混淆js代码,压缩css代码

    混淆JavaScript (JS) 和压缩CSS代码不仅可以防止他人轻易地阅读和复制你的源代码,还可以有效地减少网络传输的数据量,提高页面加载速度。 **混淆JavaScript代码** JavaScript混淆是一种通过改变原始代码的可读性来...

    css代码生成器

    **CSS代码生成器详解** CSS(Cascading Style Sheets)是一种样式表语言,用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。它控制着网页的布局,包括字体、颜色、大小、位置等视觉效果。然而,...

    网页编辑 css代码生成器

    **网页编辑CSS代码生成器详解** 网页编辑CSS代码生成器是一种高效的工具,旨在帮助开发者和设计者快速生成复杂的CSS样式代码,从而节省大量的时间和精力。它尤其适合那些对CSS不熟悉或者希望提高工作效率的用户。这...

    JS.CSS代码集合

    这个"JS.CSS代码集合"可能包含了一系列实用的JS和CSS代码片段,供开发者在构建网页时参考和使用。 在JavaScript方面,这个集合可能包括了各种功能的实现,如表单验证、动态效果、AJAX异步请求、事件处理、时间日期...

    将AE制作的动画导出为CSS代码

    "将AE制作的动画导出为CSS代码"这一主题探讨的是如何将AE中的动画转换成可应用于网页的CSS代码,以便在网页上实现类似的动态效果。 AE提供了一种方式,通过插件或自定义脚本来将动画的关键帧数据转化为CSS3关键帧...

    CSS代码生成器,自动生成CSS

    5. **代码清理与优化**:自动格式化和优化生成的CSS代码,确保其简洁高效,减少不必要的冗余。 6. **预处理器支持**:一些高级的生成器还支持Sass、Less等CSS预处理器,使代码更易于维护和扩展。 使用CSS代码生成...

    网站CSS代码js代码压缩工具

    网站CSS代码和JS代码压缩工具是提升网页加载速度的关键技术之一。在当今互联网环境中,用户对网站速度的要求越来越高,而CSS和JavaScript文件是网页呈现的重要组成部分,它们的大小直接影响页面加载时间。通过压缩...

    CSS压缩与CSS代码压缩还原 CSS压缩工具使用 终极版.docx

    1. 代码优化:通过删除不必要的空格、换行和分号来压缩代码。 2. 代码合并:将多个CSS文件合并为一个,减少HTTP请求的数量。 3. HTML压缩:对HTML代码进行压缩,减少页面大小。 4. CSS初始化:消除浏览器默认样式,...

    400个超实用的CSS代码段

    【标题】"400个超实用的CSS代码段"是一个集合了大量实用CSS技巧和样例的资源,旨在帮助开发者提升网页设计和布局的能力。CSS(层叠样式表)是网页设计的核心技术之一,用于定义HTML或XML(包括如SVG、MathML等各种...

    分享CSS代码写法优化方案

    CSS代码写法优化是一个重要的前端开发课题,尤其在搜索引擎优化(SEO)中占据重要地位。布局是SEO优化中不可或缺的部分,而...SEO优化和性能提升是前端开发的重要目标,而CSS代码优化则是实现这些目标的基础手段之一。

    CSDN博客CSS代码

    【CSDN博客CSS代码】是针对CSDN(China Software Developer Network)博客平台的样式表语言(CSS,Cascading Style Sheets)设计模组。这些模组在2008年3月25日发布,旨在提升博客的视觉效果和用户体验。CSS是一种...

    CSS工具-CSS工具

    #### 十五、CSS代码优化与压缩工具 - **功能介绍**:用于优化和压缩CSS代码,提高加载速度。 - **应用场景**: - 减少文件大小,提高网站性能。 - 使CSS代码更加整洁、易于阅读。 - **技术细节**: - 使用算法...

Global site tag (gtag.js) - Google Analytics