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

  • 相关阅读:
    VMware虚拟机安装
    软件测试面试题汇总
    软件测试步骤详解
    软件测试的分类&软件测试生命周期
    BUG 的生命周期
    Jmeter连接Mysql数据库
    Navicat连接Mysql报错:Client does not support authentication protocol requested by server;
    Mysql安装(win10 64位)
    Jmeter生成测试报告
    (转)Jmeter http请求之content-type
  • 原文地址:https://www.cnblogs.com/jasmine1314/p/9001076.html
Copyright © 2011-2022 走看看