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

  • 相关阅读:
    容器云技术:容器化微服务,Istio占C位出道
    如何用istio实现请求超时管理
    技术进阶:Kubernetes高级架构与应用状态部署
    如何基于 K8S 多租能力构建 Serverless Container
    面试题目<转载>
    PHP面试出场率较高的题目<转载>
    命名规范
    字符串大小写转换(三种方法)
    php反转输出字符串(两种方法)
    获取文件名后缀的方法
  • 原文地址:https://www.cnblogs.com/jasmine1314/p/9001076.html
Copyright © 2011-2022 走看看