del刪除文字
small 縮小文字
strong 強調文字
class類
列表類list-inline
list-unstyled
文字對齊方式
text-left
text-right
text-center
text-nowrap:單行文字強制一行,可以防止文字折行
text-:單行文字截斷 文字後邊出現省略號,但必須是 display: inline-block 或 display: block 型別。
font-weight-bold:文字加粗
text-reset 類重置文字或鏈結的顏色,以便從父元素繼承顏色屬性。
text-muted:字型灰色
text-decoration-none 類去除文字的裝飾。
浮動,清除浮動
float-left
float-right
垂直對齊:
align-middle
顏色border邊框 圓角
陰影定位
flex布局
d-flex 對應於屬性display:flex
justify-content-between 對應於justify-content:space-between
align-items-center 對應於屬性align-item:center;
flex-wrap對應屬性flex-wrap:wrap
margin/padding的輔助類
1.m/p
2.t/b/l/r/x/y
3.0 1 2 3 4 5 6 auto
display1.
柵格系統
前期框架 Bootstrap框架
1.什麼是css框架 封裝了很多重複的工作 提高了開發的效率 隨著web應用變得越來越複雜。在大量的開發過程中,我們發現有許多的功能模組非常相似。例如輪播圖,分頁,導航,進度條,模態框等,每一次都手動書寫無疑是在做重複工作。框架的作用就是把這些功能封裝稱為乙個個元件,在開發過程中直接拿過來使用即可,...
引用bootstrap框架
html5shiv主要解決html5提出的新的元素不被ie6 8識別,這些新元素不能作為父節點包裹子元素,並且不能應用css樣式。讓css 樣式應用在未知元素上只需執行 document.createelement elementname 即可實現。html5shiv就是根據這個原理建立的。標準的引...
前端框架 BootStrap
bootstrap是基於html5和css3開發的,它在jquery的基礎上進行了更為個性化的完善,形成一套自己獨有的 風格,並相容大部分jquery外掛程式。個人理解 可以使用bootstrap框架開發乙個響應式的頁面,可以同時使用與pc端,pad端和手機端,並且不影響瀏覽的效果。bootstra...