要注意整體布局;鏈接樣式;(當(dāng)用css定義鏈接的各種狀態(tài)時(shí),要注意書寫的順序)偽類和選擇符的配合使用;(將偽類和類組合起來用,就可以在同一個(gè)頁面中做幾組不同的鏈接效果了)所有樣式名全都小寫;盡量用英文;為保證日后能一目了然,盡量不縮寫;一些代碼的使用方試;浮動(dòng):float((1、對(duì)于內(nèi)部全為浮動(dòng)的元素,記得清除浮動(dòng)。
2、元素內(nèi)部的子元素盡量不要全部浮動(dòng),最好保留最邊上的一個(gè)設(shè)置margin,這樣便不會(huì)出現(xiàn)因?yàn)g覽器窗口縮放導(dǎo)致的浮動(dòng)元素被擠到下一行,使頁面錯(cuò)亂的情況。)定位:相對(duì)定位:relative(外邊距合并情況,僅當(dāng)父元素與子元素都是默認(rèn)定位(relative),或指定為relative,且父元素合并邊沒有border時(shí)才會(huì)發(fā)生)絕對(duì)定位:absolute(1、所有父類元素都沒指定position時(shí),相對(duì)于body絕對(duì)定位。
2、父類中有指定position的元素時(shí),相對(duì)于從下往上遍歷的第一個(gè)指定了position的父類元素絕對(duì)定位。)。
我一本正經(jīng)地胡說一下吧。
CSS是Cascading Style Sheets(層疊樣式表)的簡(jiǎn)稱。CSS語言是一種標(biāo)記語言,它不需要編譯,可以直接由瀏覽器執(zhí)行(屬于瀏覽器解釋型語言)。
在標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)中CSS負(fù)責(zé)網(wǎng)頁內(nèi)容(XHTML)的表現(xiàn)。 CSS文件也可以說是一個(gè)文本文件,它包含了一些CSS標(biāo)記,CSS文件必須使用css為文件名后綴。
可以通過簡(jiǎn)單的更改CSS文件,改變網(wǎng)頁的整體表現(xiàn)形式。 在HTML中引入CSS的方式: 1。
直接插入式 如:定義一個(gè)段落中首行縮進(jìn), 2。 使用 鏈接外部樣式表 3。
使用CSS"@import"導(dǎo)入樣式表 4。在內(nèi)部元素中使用"STYLE"標(biāo)記來定義樣式表等。
你好 順序: 瀏覽器在處理網(wǎng)頁中的樣式表是按照一定的順序來處理的,首先檢查頁面中是否有直接插入式CSS,如果存在就先執(zhí)行它,針對(duì)本句的其它CSS就不去管它了;接著檢查網(wǎng)頁源代碼中的"STYLE"標(biāo)記,有就執(zhí)行了;接下來再依次檢查執(zhí)行"@import"導(dǎo)入的內(nèi)部樣式表和 鏈接的外部樣式表。
編寫一個(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è)置的全局屬性也就這些。
CSS學(xué)習(xí),最重要的是,不以實(shí)現(xiàn)為目標(biāo)用樣式制作出來代碼很簡(jiǎn)單,實(shí)現(xiàn)效果也都能夠?qū)崿F(xiàn)的了,但是代碼的擴(kuò)展性、問題的規(guī)避、與標(biāo)簽(HTML)的配合等等,都是很重要的,說白了,代碼質(zhì)量是最為重要的,這也是工作之后WEB前端(HTML5)開發(fā)工程師職位要求中很重要的一點(diǎn)。
自學(xué)CSS,很難說自己能夠了解如何書寫高質(zhì)量的代碼(HTML、CSS),此時(shí)建議借助一些書籍進(jìn)行學(xué)習(xí),在一些書籍當(dāng)中,針對(duì)代碼的質(zhì)量有比較詳細(xì)的講解,這方面可以選擇《HTML5布局之路》此外,CSS的學(xué)習(xí)不要“單獨(dú)”學(xué)習(xí),一定要和HTML去結(jié)合,還有就是先學(xué)CSS(PC端),再去學(xué)CSS3、移動(dòng)端的東西,切忌求快。
1. 首先在如何寫CSS之前,要先了解頁面的整個(gè)布局結(jié)構(gòu),例如:主頁面內(nèi)容、站點(diǎn)導(dǎo)航(主菜單)、子菜單、搜索框、功能區(qū)、頁腳,清楚了頁面的結(jié)構(gòu),才能更好的去設(shè)計(jì)CSS樣式。
2. 樣式表優(yōu)先級(jí):外部<;內(nèi)部<;內(nèi)聯(lián)。有個(gè)例外的情況,就是如果外部樣式放在內(nèi)部樣式的后面,則外部樣式將覆蓋內(nèi)部樣式。
3. 在編寫樣式表之前一定要注意CSS文檔的編碼類型一定要和HTML文檔的字符集類型一致。
4. 網(wǎng)站一般采取HTML結(jié)構(gòu)與樣式分離的純CSS布局形式,所以采取外部樣式表導(dǎo)入的方法。樣式表按區(qū)塊分為幾個(gè)不同的CSS文件,是為了使結(jié)構(gòu)更加清晰,也是為了站點(diǎn)的訪問及維護(hù)更加容易。
5. 先創(chuàng)建一個(gè)全局的CSS文件來定義例如body,a,p,form,input這些標(biāo)簽統(tǒng)一的規(guī)則,具體的還可以把文字,邊框,鏈接,寬高都具體定義多個(gè)樣式、。之后再為布局中各個(gè)部分的樣式創(chuàng)建各自的CSS文件。
上面是我的一些對(duì)網(wǎng)站開發(fā)的個(gè)人的理解!
聲明:本網(wǎng)站尊重并保護(hù)知識(shí)產(chǎn)權(quán),根據(jù)《信息網(wǎng)絡(luò)傳播權(quán)保護(hù)條例》,如果我們轉(zhuǎn)載的作品侵犯了您的權(quán)利,請(qǐng)?jiān)谝粋€(gè)月內(nèi)通知我們,我們會(huì)及時(shí)刪除。
蜀ICP備2020033479號(hào)-4 Copyright ? 2016 學(xué)習(xí)鳥. 頁面生成時(shí)間:3.166秒