十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
1、我們選擇將我們的樣式全部建到一個(gè)CSS文檔中,通過調(diào)用CSS文件來加載樣式。
創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),汨羅企業(yè)網(wǎng)站建設(shè),汨羅品牌網(wǎng)站建設(shè),網(wǎng)站定制,汨羅網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,汨羅網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
2、在頭部調(diào)用CSS文件樣式。
3、對(duì)于CSS,我們最常用的是通過class或是標(biāo)簽名來控制樣式。
4、我們控制字體樣式使用的font。
5、比如我們要設(shè)置字體的大小,那么我們可以使用font-size,來進(jìn)行設(shè)置。
6、如果我們需要設(shè)置字體樣式,那么我們可以使用font-family。
7、如果我們需要給字體加粗,那么我們可以使用font-weight。
8、在設(shè)置字體過程中,除了font常用外,其次比較常用的就是text了,我們可以利用text,設(shè)置字體的一些其他樣式,比如text-align可以設(shè)置文字的對(duì)齊方式。
9、而text-decoration可以清理或是設(shè)置不同樣式的下劃線。我這里利用text-decoration:none去掉了下劃線。
10、如果您定義的容器比文字的寬度小,那么可以設(shè)置overflow:hidden,當(dāng)溢出后,便會(huì)自動(dòng)隱藏其溢出的內(nèi)容。
11、font-style可以設(shè)置字體的樣式。
編寫一個(gè)網(wǎng)頁的css需要注意設(shè)置的全局樣式,一般來的有元素之間的間隔,如margin、padding,還有ul,li的一些默認(rèn)樣式,編號(hào)的樣式都是去掉,然后還有a標(biāo)簽的下劃線等等屬性,都需要去掉的,還有一些字體大小,顏色等等也需要設(shè)置的,這里我用代碼寫下:
*{margin:0; padding:0;}
a{color:#333; text-decoration: none;}
ul,li{ list-style-type:none;}
body{font-size:12px; color:f00;}
一般需要設(shè)置的全局屬性也就這些。
針對(duì)全局的屬性常用的很少。
語法相同,你可以用*代替所有元素,也可以指定某幾個(gè)元素!
如果是在大型項(xiàng)目,這種寫法看起來靈活一些。
做前端的同學(xué)都知道,產(chǎn)品(策劃)同事的需求是永遠(yuǎn)沒有一個(gè)理想狀態(tài)的;
使得你的頁面一改再改;
原本高效的html結(jié)構(gòu)、高繼承的css變的一塌糊涂。
以上發(fā)一下牢騷。。。
-------------------------------------------------------------
假如有幾個(gè)div,因?yàn)闃邮绞且粯拥?,所以你給他們定義了同一個(gè)class="a"
突然,產(chǎn)品過來找你說:我們有個(gè)這樣的需求,要把某個(gè)div向右移10px
這時(shí),你如果你像上面那樣寫,就好用了,直接在那個(gè)要改動(dòng)div中添加一個(gè).ml-10就可以了,如:
div class="a"/div
div class="a ml-10"/div
div class="a"/div
div class="a"/div
div class="a"/div
在樣式文件或style標(biāo)簽里設(shè)置全局樣式,具體的寫法如下:
style
*{
color: blue;
font-family: '楷體';
}
/style
color表示字體顏色, font-family表示字體樣式