`
baxiaopeng
  • 浏览: 15374 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

精通CSS-高级WEB标准解决方案 读书笔记(1)

    博客分类:
  • ajax
阅读更多
css文件分类
1. Basic(基础的):最基础的,即使是一些老的浏览器也能很好的支持的样式放在此处,并且从此导入
2. Layout(网页布局的):如果你不需要改变布局就不需要更改此文件
3. General(常规的):颜色呀,样式呀,这里并不涉及页面布局的样式。也许此文件是你最经常更改的。
4. Forms(表单级的):一些表单的布局与样式。表单级的文件可以根据不同的页面有多个。
5. Home(主页的):这里的样式可能会覆盖一些General里面的样式。
6. Print:用于打印的。
css开发样式指南
对于简单的Web站点,可以只使用一个CSS文件。对于大型的复杂站点,对样式表进行分割以便简化维护是一种好做法。如何分割样式表是需要仔细考虑的。我一般用一个CSS文件处理基本布局,用另一个文件处理版式和设计修饰。这样的话,在布局确定之后,就很少需要修改布局样式表。这可以防止布局样式表被意外地改动或破坏。
还可以进一步细分,比如用单独的CSS文件处理颜色。这样的话,如果希望提供新的颜色方案,就只需要创建一个新的颜色样式表。如果站点上有许多表单,那么可以用单独的CSS文件处理所有表单样式。可以只在需要时链接这个文件,从而减少最初的下载开销。如果站点上的一些页面与站点的其余部分很不一样,那么可以考虑让它们使用它们自己的CSS文件。例如,如果主页的布局与站点的其余部分很不一样,那么可以为主页创建单独的CSS文件。
请记住,每个CSS文件都意味着要对服务器进行一次额外的调用。这会影响性能,所以一些开发人员喜欢使用一个大型CSS文件而不是多个小文件。最终的选择实际上取决于实际情况,而且在某种程度上这是一个个人喜好问题。我倾向于尽可能保持灵活性和维护的简单性。
分享到:
评论

相关推荐

    HTML5+CSS3从入门到精通.zip

    3. **布局模式**:Flexbox(弹性盒布局)和Grid(网格布局)提供了更为灵活的布局解决方案,适应不同屏幕尺寸。 4. **动画与过渡**:通过transition和animation可以实现平滑的动态效果,提升用户体验。 5. **媒体...

    java web技术笔记

    Java Web技术笔记涵盖了Web开发中的多个重要领域,主要包括JavaScript、CSS以及各种框架的应用。下面将对这些关键知识点进行深入解析。 一、JavaScript技术 JavaScript是一种轻量级的解释型编程语言,主要用于网页...

    狂神说系列 JavaScript笔记

    这份笔记涵盖了JavaScript的基础语法、核心概念以及高级特性,旨在构建一个完整的知识体系,帮助读者从入门到精通。 1. **JavaScript基础** - 变量与数据类型:JavaScript支持动态类型,包括基本类型(如数字、...

    韩顺平PHP从入门到精通笔记

    - **解决方案**: 使用 “hack” 技术或确保代码遵循标准。 #### 四、HTML的扩展与应用 **1. HTML符号实体** - **定义**: 当需要在HTML文档中使用特殊字符时,可以通过字符实体表示。 - **例子**: `&` 表示 "&...

    章-绪论-网站设计与开发素质课课件(与“学习”有关文档共9张).pptx

    推荐的学习资源包括CSDN、博客园等专业论坛,以及相关的技术书籍,如《精通CSS:高级Web标准解决方案》和《ASP.NET 3.5从入门到精通》等。 课程内容主要包括HTML和HTML5的基础与进阶,XHTML的结构规范,CSS用于页面...

    java从入门到精通全过程笔记

    设计模式是软件工程中解决问题的通用可复用解决方案。在Java开发中,常见的设计模式有单例模式、工厂模式、观察者模式、装饰器模式、代理模式等。理解并应用这些设计模式可以帮助开发者写出更高效、可维护的代码。 ...

    史上最全的前端资源汇总

    1. **JS前端开发群月报**:提供每月前端领域的最新动态和技术分享。 2. **前端开源资源库**:汇集了大量的开源项目和工具,是前端开发者获取灵感和实际开发经验的重要来源。 3. **国内老牌技术社区**: - **OSChina...

    WebStore_课程

    【压缩包子文件的文件名称列表】"WebStore_Lessons-main"可能包含了课程的所有材料,如HTML、CSS、JavaScript代码示例,项目文件,笔记,练习题,以及可能的解决方案。学员可以通过这些材料进行实战练习,巩固所学...

    tgc-proj3-tidbits:代码学院项目3-花絮

    拟议的解决方案 创建一个Web应用程序以提供一个自助平台,任何人(最好是学生本人)都可以自愿教共享笔记和技巧。 首先,让我们将范围限制为GCE'O'级别。 另外,俗话说,最好的学习方法是教书。 该在线平台为用户...

    试卷、试题—--基于php网上考试系统.doc

    基于PHP的网上考试系统是一种利用Web技术实现的教育信息化解决方案,它能够方便地进行在线考试、题库管理和成绩查询。随着互联网技术的普及,网络考试已经成为教育领域的一个重要趋势,它打破了地域限制,提高了考试...

    UniGui开发资料集合.rar

    2. "我收集的 unigui 资料.doc":这可能是一个个人整理的文档,包含了作者在使用UniGui过程中积累的经验、技巧或者常见问题的解决方案。 3. "unigui代码技巧收集.doc":这份文档很可能汇总了各种与UniGui相关的编程...

    剑指大前端全栈工程师源码、资料

    这些资料对于学习者来说是宝贵的资源,可以帮助他们系统地学习前端知识,理解各种概念和技术,并提供问题解决方案。例如,可能会有关于DOM操作、AJAX请求、Promise和async/await、CSS预处理器如Sass和Less,以及响应...

    7年的程序人生

    "程序人生.chm"文件可能是一个程序员个人的记录,其中包含了他这七年来的心得体会、技术笔记、项目案例,甚至可能包括他在解决特定问题时的解决方案。阅读这样的资料,对其他程序员来说是一份宝贵的资源,可以借鉴他...

    Python学习路线【对标大厂Python工程师的招聘要求,并推荐优质免费资源】打卡学习不迷茫.pdf

    2. **Python笔记**:这是一个免费的专栏,记录了作者在使用Python时遇到的问题和解决方案,可供遇到类似问题的读者参考。 3. **爬虫**:免费的爬虫技术专栏,持续更新,涵盖了Python爬虫的相关知识点。 Python...

Global site tag (gtag.js) - Google Analytics