常言笑的家

          Spring, Hibernate, Struts, Ajax, RoR

          JIEQI CMS模板制作必讀(JIEQI CMS -CSS規(guī)范)

          1.JIEQI CMS -CSS規(guī)范

          /* 基本樣式 */

          *         - 清除默認(rèn)樣式
          body      - 頁面主體
          a         - 鏈接
          p         - 段落
          h1, h2, h3, h4, h5, h6 - 標(biāo)題
          img       - 圖像
          div       - 層
          hr        - 分割線
          ul        - 列表
          li        - 列表欄目



          /* 表格樣式 */

          table      - 默認(rèn)表格
          table.fix  - 單元格里面內(nèi)容比較寬時(shí)候隱藏超出部分,而不是把表格撐開導(dǎo)致變形
          table.grid - 多行多列的表格
          table.grid caption, .gridtop - 表格標(biāo)題
          table.grid th, .head - 表格第一行項(xiàng)目名稱欄
          table.grid td -  單元格樣式


          /*表格輔助樣式*/

          .title    - 表格內(nèi)列的欄目標(biāo)題
          .even     - 偶數(shù)行/列
          .odd      - 奇數(shù)行/列
          .foot     - 表格末行
          .bottom   - 表格底部



          /* 表單樣式 */

          form      - 默認(rèn)表單
          input     - 默認(rèn)輸入框
          .text     - 單行文本
          .textarea - 多行文本
          .button   - 按鈕
          .checkbox - 多選框
          .radio    - 單選框
          .select   - 下拉框



          /* 布局樣式 */

          #wrapper  - 總頁面容器
          #left     - 左邊列
          #right    - 右邊列
          #centers  - 中間列(一共為三列時(shí))
          #centerm  - 中間列(一共為二列時(shí))
          #centerl  - 中間列(一共為一列時(shí))
          #content  - 主體內(nèi)容

          .main     - 整頁寬度的內(nèi)容容器
          .m_top    - 網(wǎng)頁最頂部(通常放快速導(dǎo)航鏈接)
          .m_head   - 網(wǎng)頁頭部(通常包括網(wǎng)站LOGO和BANNER)
          .h_logo   - 網(wǎng)站LOGO
          .h_banner - 網(wǎng)站BANNER
          .h_link   - BANNER旁邊的鏈接
          .m_menu   - 菜單欄
          .m_foot   - 網(wǎng)頁底部

          .block    - 區(qū)塊容器
          .blocktitle - 區(qū)塊標(biāo)題
          .blockcontent - 區(qū)塊內(nèi)容
          .blocknote - 區(qū)塊底部修飾



          /*常用樣式*/

          .ultop    - 排行列表
          .ulitem   - 項(xiàng)目列表
          .ulrow    - 普通行
          .ulcenter - 內(nèi)容居中行
          .ulmul    - 多行多列

          .fix, .lm - 內(nèi)容超出容器時(shí)候隱藏超出部分
          .fl       - 靠左浮動(dòng)
          .fr       - 靠右浮動(dòng)
          .cl       - 清除左邊
          .cr       - 清除右邊
          .cb       - 清除兩邊
          .tl       - 文本居左
          .tc       - 文本居右
          .tr       - 文本居中
          .more     - “更多”鏈接

          .c_navigation - 欄目導(dǎo)航
          .c_title  - 文章標(biāo)題
          .c_head   - 文章頭部
          .c_content - 文章內(nèi)容
          .c_foot   - 文章底部
          .c_label  - 屬性標(biāo)簽
          .c_value  - 屬性內(nèi)容

          .c_row - 文章列表里面的一條記錄外框
          .c_subject - 文章列表標(biāo)題
          .c_tag - 文章列表附加屬性
          .c_description - 文章列表里面的簡介
          .c_note - 文章列表里面?zhèn)渥⒒蛘呦嚓P(guān)鏈接



          /*醒目效果*/

          .hottext  - 熱點(diǎn)文字
          .notetext - 注解文字
          .errortext - 錯(cuò)誤提示文字

          a.hotlink  - 熱點(diǎn)鏈接
          a.btnlink  - 按鈕樣式鏈接

          /*常用界面*/

          .jieqiQuote  - 引用框
          .jieqiCode   - 代碼
          .jieqiNote   - 注解框
          .divbox      - 帶邊框容器
          .textbox     - 文本框
          .popbox      - 提示框
          #tips        - 浮動(dòng)消息提示框

          .tablist     - TAB標(biāo)簽
          .tabcontent  - TAB欄目對(duì)應(yīng)的內(nèi)容
          .pages - 列表頁面的分頁外框
          .pagelink - 列表頁面的分頁導(dǎo)航
          img.avatar - 默認(rèn)用戶頭像

          #jieqi_menu  - 下拉菜單

          posted on 2009-09-06 23:43 常言笑 閱讀(201) 評(píng)論(0)  編輯  收藏


          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           

          My Links

          Blog Stats

          常用鏈接

          留言簿(5)

          隨筆分類

          隨筆檔案

          搜索

          積分與排名

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 正阳县| 长海县| 邹城市| 平远县| 手游| 菏泽市| 克拉玛依市| 双鸭山市| 绥宁县| 嘉义市| 海林市| 桓台县| 上虞市| 锦州市| 凉山| 清涧县| 余庆县| 佛坪县| 保山市| 中方县| 塔河县| 本溪| 湘阴县| 晋中市| 威远县| 馆陶县| 叙永县| 承德县| 本溪市| 剑阁县| 三门县| 台东市| 泰顺县| 沙坪坝区| 布尔津县| 民和| 鸡泽县| 建阳市| 南丰县| 襄城县| 开封县|