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