-
列表--水平定義列表 水平定義列表就像內(nèi)聯(lián)列表一樣,Bootstrap可以給<dl>添加類名“.dl-horizontal”給定義列表實現(xiàn)水平顯示效果。查看全部
-
對于定義列表而言,Bootstrap并沒有做太多的調(diào)整,只是調(diào)整了行間距,外邊距和字體加粗效果。查看全部
-
Bootstrap像去點列表一樣,通過添加類名“.list-inline”來實現(xiàn)內(nèi)聯(lián)列表,簡單點說就是把垂直列表換成水平列表,而且去掉項目符號(編號),保持水平顯示。也可以說內(nèi)聯(lián)列表就是為制作水平導(dǎo)航而生。查看全部
-
Bootstrap為眾多開發(fā)者考慮的非常周道,通過給無序列表添加一個類名“.list-unstyled”,這樣就可以去除默認的列表樣式的風(fēng)格 除了項目編號之外,還將列表默認的左邊內(nèi)距也清0了。查看全部
-
在HTML文檔中,列表結(jié)構(gòu)主要有三種:有序列表、無序列表和定義列表。具體使用的標簽說明如下: 無序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定義列表 <dl> <dt>…</dt> <dd>…</dd> </dl>查看全部
-
Bootstrap根據(jù)平時的使用情形提供了六種形式的列表: ? 普通列表 ? 有序列表 ? 去點列表 ? 內(nèi)聯(lián)列表 ? 描述列表 ? 水平描述列表查看全部
-
特別聲明:目前兩端對齊在各瀏覽器下解析各有不同,特別是應(yīng)用于中文文本的時候。所以項目中慎用。查看全部
-
文本對齊風(fēng)格 在排版中離不開文本的對齊方式。在CSS中常常使用text-align來實現(xiàn)文本的對齊風(fēng)格的設(shè)置。其中主要有四種風(fēng)格: ? 左對齊,取值left ? 居中對齊,取值center ? 右對齊,取值right ? 兩端對齊,取值justify 為了簡化操作,方便使用,Bootstrap通過定義四個類名來控制文本的對齊風(fēng)格: ? .text-left:左對齊 ? .text-center:居中對齊 ? .text-right:右對齊 ? .text-justify:兩端對齊 具體源碼查看bootstrap查看全部
-
而導(dǎo)航條的顏色都是通過“.navbar-default”來進行控制: /*源碼查看bootstrap.css文件第3940行~第3943行*/ .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; }查看全部
-
鼠標懸浮高亮的效果主要是通過“hover”事件來實現(xiàn),設(shè)置了“tr:hover”時的th、td的背景色為新顏色。 其源碼請查看bootstrap.css文件中第1469行~第1472行: .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; }查看全部
-
列偏移 不要像以前一樣用空列來實現(xiàn)。查看全部
-
img響應(yīng):由于樣式?jīng)]有對圖片做大小上的樣式限制,所以在實際使用的時候,需要通過其他的方式來處理圖片大小。比如說控制圖片容器大小。(注意不可以通過css樣式直接修改img圖片的大小,這樣操作就不響應(yīng)了)查看全部
-
checkbox 和 radio特殊處理 要按照這樣用查看全部
-
3種代碼風(fēng)格 多用于博客查看全部
-
1、<code>:一般是針對于單個單詞或單個句子的代碼 2、<pre>:一般是針對于多行代碼(也就是成塊的代碼) 3、<kbd>:一般是表示用戶要通過鍵盤輸入的內(nèi)容 不管使用哪種代碼風(fēng)格,在代碼中碰到小于號(<)要使用硬編碼“&lt;”來替代,大于號(>)使用“&gt;”來替代。而且對于<pre>代碼塊風(fēng)格,標簽前面留多少個空格,在顯示效果中就會留多少個空格。建議在編寫HTML標簽時,就控制好,例如查看右側(cè)代碼編輯器上的15-19行。查看全部
舉報
0/150
提交
取消