網(wǎng)站建設(shè)知識(shí)

十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)

量身定制 + 運(yùn)營(yíng)維護(hù)+專業(yè)推廣+無(wú)憂售后，網(wǎng)站問(wèn)題一站解決

BootStrap中CSS全局樣式和表格樣式怎么實(shí)現(xiàn)

這篇文章主要介紹“BootStrap中CSS全局樣式和表格樣式怎么實(shí)現(xiàn)”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“BootStrap中CSS全局樣式和表格樣式怎么實(shí)現(xiàn)”文章能幫助大家解決問(wèn)題。

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站制作、成都網(wǎng)站建設(shè)、連城網(wǎng)絡(luò)推廣、微信小程序、連城網(wǎng)絡(luò)營(yíng)銷、連城企業(yè)策劃、連城品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供連城建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

CSS全局樣式

1、布局容器類樣式：.container 和 .container-fluid

.container 固定寬度并且具有響應(yīng)式。
.container-fluid 自由寬度(100%寬度)。

這2個(gè)class是直接在body標(biāo)簽下建立一個(gè)div標(biāo)簽，class等于這2個(gè)中的一個(gè)。
然后其他內(nèi)容全部寫在這個(gè)div標(biāo)簽中即可！

例如:




 BootStrap基礎(chǔ)入門
 
 
 

 
 


 
 標(biāo)題H1
 正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正

BootStrap中CSS全局樣式和表格樣式怎么實(shí)現(xiàn)

再看.container-fluid：
只修改了這里，其他地方不變

BootStrap中CSS全局樣式和表格樣式怎么實(shí)現(xiàn)

也就是說(shuō)，container-fluid這個(gè)是和頁(yè)面兩邊是沒有間隔的。
而container是有一定間隔的，而且左右兩邊的間隔相等。

2、標(biāo)題樣式：

到、.h2 ~ .h7

~樣式重寫了，基本上做到了兼容性。
（如未加說(shuō)明，則新代碼是接在上面的代碼后面）
下面的代碼在上面代碼的p標(biāo)簽后

標(biāo)題H1
標(biāo)題H1

BootStrap中CSS全局樣式和表格樣式怎么實(shí)現(xiàn)

3、行內(nèi)文本樣式：

：加粗
加粗
：斜體
斜體，HTML5新標(biāo)記
刪除線，HTML5新標(biāo)記。
~~刪除線~~

~~這幾個(gè)就不演示了，你自己簡(jiǎn)單的用一個(gè)就懂了。~~

4、文本對(duì)齊樣式：.text-left、.text-center、.text-right、.text-justify

.text-left：文本左對(duì)齊
.text-right：右對(duì)齊
.text-center：居中對(duì)齊
.text-justify：兩端對(duì)齊

左對(duì)齊:正文正正文正文正文正文正

~~右對(duì)齊:正文正正文正文正文正文正~~

~~居中對(duì)齊:正文正文正文正文正~~

網(wǎng)站建設(shè)知識(shí)

BootStrap中CSS全局樣式和表格樣式怎么實(shí)現(xiàn)

標(biāo)題H1

標(biāo)題H1

其他資訊