CSS樣式之表格,表單


  • 布局樣式
    • .container:固定寬度並具響應式
    • .container-fluid自由寬度(100%寬度)
  • 標題樣式
    •   <h1><h6> 樣式已經寫好了,可以直接用,兼容性也做到了。行內元素顯示塊的樣式
  • 行內文本樣式:

    • <b> <strong> 加粗
    • <i>  <em>斜體
    • <s><del>刪除線
  • 文本對齊樣式

    • .text-left
    • .text-center
    • .text-right
    • .text-justify:兩段對齊
  • 列表樣式

    • .list-unstyled:去掉前面的符號
    • .list-inline(行內塊  
  • 表格樣式

    • .table:這個類樣式會有少量空白,以及水平分割線
    • .table-striped:隔行變色
    • .table-bordered:帶邊框的表格
    • .table-hover:鼠標放上變色效果
    • .table-condensed:表格緊湊型
  • 行或單元格背景色

    • .active
    • .success
    • .info
    • .warning
    • .danger

    只能給trtd加的類樣式,一種顏色

  • 表格響應式布局

    使用DIV標記內.table-responsive元素將.table元素包圍

  • 表單樣式

    • .form-group :表單組樣式,將<label>和表單元素包含其中
    • .form-control :給input,select,textarea等元素加樣式(復選框不能加這個)
    • Placehoder屬性
      • 給input加提示信息,將value改為placeholder
    • .form-inline  :給form加的類,讓input行內顯示

     

    • .sr-only:給label加,使其文字隱藏。
    • .checkbox:復選框樣式
    • .radio:單選框模式//給 input 的name設置同一個name 則可以選中一項
    • .disabled:  禁用單選框或復選項文本
    • .form-horizontal:水平排列的表單,用於FORM元素
    • .checkbox-inline:給多個復選項顯示在同一行
    • .radio-inline:控制多個單選框元素在同一行顯示。

     


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM