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