牛腩之CSS簡(jiǎn)介

        在沒(méi)有接觸CSS之前，我們使用Html寫(xiě)網(wǎng)頁(yè)是這樣寫(xiě)的：

        運(yùn)行結(jié)果以下：

        這樣寫(xiě)出來(lái)的網(wǎng)頁(yè)靈活性幾近沒(méi)有，如果我們要更改網(wǎng)頁(yè)的顯示效果，那末我們就要找到網(wǎng)頁(yè)源碼相應(yīng)的地方進(jìn)行修改，如果這樣的網(wǎng)頁(yè)有不計(jì)其數(shù)個(gè)，難道我們就這樣1個(gè)1個(gè)滴漸漸滴去修改嗎？NO！

        傳統(tǒng)的寫(xiě)法將內(nèi)容與樣式寫(xiě)在了1起，用我們的俗語(yǔ)說(shuō)就是寫(xiě)死了，可保護(hù)性實(shí)在是太差了。我們應(yīng)當(dāng)想辦法讓文字內(nèi)容與其顯示的效果的定義分開(kāi)，這時(shí)候候CSS來(lái)了，它的最大特點(diǎn)就是將Web頁(yè)面的內(nèi)容和樣式進(jìn)行分離，從而能夠靈活的修改頁(yè)面顯示效果，這個(gè)類(lèi)似于我們之前接觸過(guò)的配置文件config。具體如何做呢？往下看

        首先要添加1個(gè)樣式表，以下圖所示

        然后在StyleSheet1.css里面寫(xiě)以下代碼：

        以后我們對(duì)html文件里的代碼進(jìn)行修改:

        運(yùn)行結(jié)果以下：

        這就是所謂的CSS技術(shù)，通過(guò)在樣式表中設(shè)置web頁(yè)面的樣式，來(lái)控制頁(yè)面的顯示效果，這樣如果要更改顯示效果的話，我們只需要在樣式表中進(jìn)行相應(yīng)的修改便可，特別的靈活方便。說(shuō)到CSS不能不說(shuō)CSS選擇器，根據(jù)視頻講授，大致有3種：類(lèi)選擇器，ID選擇器和HTML標(biāo)簽選擇器。

        類(lèi)選擇器和ID選擇器的定義以下圖所示：

生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)