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、可修改性

  • 相关阅读:
    软考下午题具体解释---数据流图设计
    透视表提取不反复记录(4)-每一个物品的最大值
    运用python抓取博客园首页的所有数据,而且定时持续抓取新公布的内容存入mongodb中
    [经验总结]material design效果与开发总结
    cocos2d-x 3.0 回调函数
    P1334 瑞瑞的木板
    P2776 [SDOI2007]小组队列
    P1886 滑动窗口
    P1160 队列安排
    P1823 音乐会的等待
  • 原文地址:https://www.cnblogs.com/jasmine1314/p/9001076.html
Copyright © 2011-2022 走看看