西西軟件下載最安全的下載網(wǎng)站、值得信賴的軟件下載站!

首頁業(yè)內(nèi)動(dòng)態(tài) 業(yè)內(nèi)資訊 → CSS個(gè)人總結(jié) 淺談CSS感想

CSS個(gè)人總結(jié) 淺談CSS感想

相關(guān)軟件相關(guān)文章發(fā)表評(píng)論 來源:西西整理時(shí)間:2013/2/6 20:20:07字體大。A-A+

作者:西西點(diǎn)擊:0次評(píng)論:0次標(biāo)簽: CSS

說起CSS,就不得不提起HTML. 眾所周知, HTML是一門標(biāo)記性語言. 何謂標(biāo)記性語言?簡單的來說就是:每一種標(biāo)記(標(biāo)簽,例如 <p><div><span>)經(jīng)過瀏覽器的渲染,呈現(xiàn)出不同的形狀. 漸漸地, 內(nèi)置的形狀不能滿足人們?nèi)找嬖鲩L的需求, 因此, CSS誕生了, 本質(zhì)上來說, CSS就是為了讓網(wǎng)頁更加美觀而存在.

CSS是為了美化HTML的. 那么美化前, 我們需要找到要美化的HTML的標(biāo)簽, 怎么找?

CSS提供了一個(gè)叫作選擇器的東西,它的作用就是選擇你要美化的標(biāo)簽. 選擇器有4種基本類型: 標(biāo)簽選擇器(tag),通用選擇器(*), 類選擇器(.class)和ID選擇器(#id).4種選擇器可混合使用. 當(dāng)然,除了基本類型, 也存在著不基本類型(高級(jí)?感覺不算吧,就先這么叫著), 其中包括了: 后臺(tái)選擇器,直接子選擇器, 兄弟選擇器, 屬性選擇器, etc.

現(xiàn)在我們知道了怎么找到要美化的標(biāo)簽了.

接下來假如我們用了合適的方法找到了相對(duì)應(yīng)的標(biāo)簽, 那么我們就可以開始進(jìn)行美化了. 可是美化美化, 到底我們美化的是什么?

答案就是屬性,更準(zhǔn)確來說,美化就是更改屬性對(duì)應(yīng)的值. 我們可以把HTML元素標(biāo)簽看作一個(gè)object(或者盒子), 每個(gè)object(或者盒子)都有內(nèi)置屬性(OO思想), 而CSS更改的就是這些屬性的值從而達(dá)到美化的效果. 為什么說盒子呢?如果你了解過CSS,肯定知道盒子模型啦.

而屬性又可以細(xì)分, 其中包括了 字體屬性, 文本屬性, 邊距屬性(就是盒子模型啦), 浮動(dòng)屬性, 列表屬性, 背景屬性, 定位屬性, 表哥屬性, etc.

現(xiàn)在我們找到了標(biāo)簽(元素), 也修改了它的屬性值, 那么我們?nèi)绾螌⑺鼞?yīng)用到HTML文件呢?

CSS提供了3種方式, 分別是: style屬性, style標(biāo)簽 和 link標(biāo)簽導(dǎo)入(級(jí)別依次降低.)

CSS無非就這樣子工作的, 找到元素 --> 修改其屬性值 --> 應(yīng)用到頁面.

這樣一說,好像CSS蠻簡單的.其實(shí)它確實(shí)不難. 可能比較難的地方是第二步, 你可以看到上面有那么多屬性,而每個(gè)屬性基本上都有4,5個(gè)值, 所以給人的感覺好像很多,挺容易混亂的.但是其實(shí)很多屬性是一看就懂的. 個(gè)人覺得需要花點(diǎn)心思研究的有:浮動(dòng), 定位, 盒子模型的邊距折疊.

    相關(guān)評(píng)論

    閱讀本文后您有什么感想? 已有人給出評(píng)價(jià)!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過難過
    • 5 囧
    • 3 圍觀圍觀
    • 2 無聊無聊

    熱門評(píng)論

    最新評(píng)論

    發(fā)表評(píng)論 查看所有評(píng)論(0)

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    字?jǐn)?shù): 0/500 (您的評(píng)論需要經(jīng)過審核才能顯示)