zoukankan      html  css  js  c++  java
  • css样式表优化

    1、命名

           头:header

      内容:content/container

      尾:footer

      导航:nav

      侧栏:sidebar

      栏目:column

      页面外围控制整体佈局宽度:wrapper

      左右中:left right center

      登录条:loginbar

      标志:logo

      广告:banner

      页面主体:main

      热点:hot

      新闻:news

      下载:download

      子导航:subnav

      菜单:menu

      子菜单:submenu

      搜索:search

      友情链接:friendlink

      页脚:footer

      版权:copyright

      滚动:scroll

      内容:content

      标签:tags

      文章列表:list

      提示信息:msg

      小技巧:tips

      栏目标题:title

      加入:joinus

      指南:guide

      服务:service

      注册:regsiter

      状态:status

      投票:vote

      合作伙伴:partner

      导航:nav

      主导航:mainnav

      子导航:subnav

      顶导航:topnav

      边导航:sidebar

      左导航:leftsidebar

      右导航:rightsidebar

      菜单:menu

      子菜单:submenu

      标题: title

      摘要: summary

    2、书写顺序

    这个书写顺序指的是各个样式的书写顺序,下面是推荐的CSS书写顺序

      (1)位置属性(position, top, right, z-index, display, float等)

      (2)大小(width, height, padding, margin)

      (3)文字系列(font, line-height, letter-spacing, color- text-align等)

      (4)背景(background, border等)

      (5)其他(animation, transition等)

    3、提高CSS代码可维护性主要是体现在下面几点:1、可重用性   2、可扩展性  3、可修改性

  • 相关阅读:
    12款有助于简化CSS3开发的工具
    log4net简介
    javascript面向对象重写右键菜单事件
    Winform 通用分页控件实战篇(提供源码下载)
    新浪微博信息站外同步的完整实现
    2003 IIS 发布WEB攻略
    FCKeditor.NET的配置、扩展与安全性经验交流
    js获取本地文件夹和文件 .
    前端必读:浏览器内部工作原理
    程序员第二定律:量化管理在程序员身上永无可能
  • 原文地址:https://www.cnblogs.com/jasmine1314/p/9001076.html
Copyright © 2011-2022 走看看