• 2017环广西公路自行车世界巡回赛举行 南宁收获各方赞誉 2019-02-12
  • 回复@看着就想笑:不然小萌们不得瞎折腾啊?哪有那么多资源可供浪费? 2019-02-05
  • 首届环球旅游高峰论坛第一轮分论坛:媒体与文化名人对话 2019-02-05
  • [尴尬]“委婉”的“阶级概念”。。。。。 2019-02-03
  • 改革开放取得伟大的成绩,不是实事求是的说法,因为不属于改革开放的比改革开放的还多。不是这样,说来看看,以理服人。 2019-02-03
  • 春运首日 追忆那些年我们坐过的绿皮车 2019-02-03
  • 美媒:“打不死的”墨西哥蝾螈濒临灭绝 2019-02-02
  • 陶方启:推进农业供给侧改革促乡村振兴 2019-01-31
  • 一图看懂丨拉林铁路藏木特大桥 2019-01-24
  • 紫光阁中共中央国家机关工作委员会 2019-01-24
  • 中央和国家机关青年干部“意识形态与文化建设”专题培训班结业 2019-01-23
  • 北京市场监管总局:网络促销不得先涨再折 2019-01-23
  • ——客观唯物主义哲学思想的“幸福”的定义:“幸福”就是在“客观规律和定律”的制约中满足了人的直接感觉的好的结果。这样,也就存在着客观唯物主义哲学思想的不幸福感。 2019-01-21
  • 保罗索萨:场地限制了我们发挥 要靠客场进球晋级 2019-01-21
  • 18所军事院校在赣招353人 2019-01-20
  • 您的位置: 四川金7乐app官方下载 > 网站设计观点 > 太原网站设计之CSS命名规范

    四川金7乐:太原网站设计之CSS命名规范

    时间:2012-3-5 0:45:14
     网站设计离不开CSS 下满小编我就和大家一起学习下CSS 命名规范参考及书写注意事项。
      CSS书写顺序
      *{
      /*显示属性*/
      display
      position
      float
      clear
      cursor
      …
      /*盒模型*/
      margin
      padding
      width
      height
      /*排版*/
      vertical-align
      white-space
      text-decoration
      text-align
      …
      /*文字*/
      color
      font
      content
      /*边框背景 为什么要把 boder和background放在最后的原因是修改的频率会较之前的频繁,放在最后查看起来方便,哈哈。*/
      border
      background
      }
      下表顺序为从上到下,从左到右:
      ========================
      display || visibility
      list-style : list-style-type || list-style-position || list-style-image
      position
      top || right || bottom || left
      z-index
      clear
      float
      width
      max-width || min-width
      height
      max-height || min-height
      overflow || clip
      margin : margin-top || margin-right || margin-bottom || margin-left
      padding : padding-top || padding-right || padding-bottom || padding-left
      outline : outline-color || outline-style || outline-width
      border
      background : background-color || background-image || background-repeat || background-attachment || background-position
      color
      font : font-style || font-variant || font-weight || font-size || line-height || font-family
      font : caption | icon | menu | message-box | small-caption | status-bar
      text-overflow
      text-align
      text-indent
      line-height
      white-space
      vertical-align
      cursor
      CSS命名规则:
      一.文件命名规范
      全局样式:global.css;
      框架布局:layout.css;
      字体样式:font.css;
      链接样式:link.css;
      打印样式:print.css;
      主要的 master.css
      专栏 columns.css
      主题 themes.css
      主要的 master.css
      ???module.css
      基本共用 base.css
      表单 forms.css
      补丁 mend.css
      二.页面结构
      容 器: container
      页 头:header
      内 容:content
      页面主体:main
      页 尾:footer
      栏目:column
      页面外围控制整体布局宽度:wrapper
      左右中:left right center
      三.导航
      导航:nav
      主导航:mainbav
      子导航:subnav
      顶导航:topnav
      边导航:sidebar
      左导航:leftsidebar
      右导航:rightsidebar
      菜单:menu
      子菜单:submenu
      摘要: summary
  • 2017环广西公路自行车世界巡回赛举行 南宁收获各方赞誉 2019-02-12
  • 回复@看着就想笑:不然小萌们不得瞎折腾啊?哪有那么多资源可供浪费? 2019-02-05
  • 首届环球旅游高峰论坛第一轮分论坛:媒体与文化名人对话 2019-02-05
  • [尴尬]“委婉”的“阶级概念”。。。。。 2019-02-03
  • 改革开放取得伟大的成绩,不是实事求是的说法,因为不属于改革开放的比改革开放的还多。不是这样,说来看看,以理服人。 2019-02-03
  • 春运首日 追忆那些年我们坐过的绿皮车 2019-02-03
  • 美媒:“打不死的”墨西哥蝾螈濒临灭绝 2019-02-02
  • 陶方启:推进农业供给侧改革促乡村振兴 2019-01-31
  • 一图看懂丨拉林铁路藏木特大桥 2019-01-24
  • 紫光阁中共中央国家机关工作委员会 2019-01-24
  • 中央和国家机关青年干部“意识形态与文化建设”专题培训班结业 2019-01-23
  • 北京市场监管总局:网络促销不得先涨再折 2019-01-23
  • ——客观唯物主义哲学思想的“幸福”的定义:“幸福”就是在“客观规律和定律”的制约中满足了人的直接感觉的好的结果。这样,也就存在着客观唯物主义哲学思想的不幸福感。 2019-01-21
  • 保罗索萨:场地限制了我们发挥 要靠客场进球晋级 2019-01-21
  • 18所军事院校在赣招353人 2019-01-20