css和js韓順平學習筆記

css和js韓順平學習筆記

ID:42562222

大小:54.14 KB

頁數(shù):38頁

時間:2019-09-17

css和js韓順平學習筆記_第1頁
css和js韓順平學習筆記_第2頁
css和js韓順平學習筆記_第3頁
css和js韓順平學習筆記_第4頁
css和js韓順平學習筆記_第5頁
資源描述:

《css和js韓順平學習筆記》由會員上傳分享,免費在線閱讀,更多相關內(nèi)容在教育資源-天天文庫。

1、1,Web標準的組成:結構,表現(xiàn)和行為;結構標準對應的主要語言是XHTML表現(xiàn)標準對應的主要語言是CSS行為標準對應的主要語言是javascript制作成一個靜態(tài)頁面,主要用到的就是xhtml和css,所以制作標準頁面的技術就是xhtml+css;2,css定義的技巧:1,為了將來的css代碼優(yōu)化,建議所有的屬性值后面都要帶上";";2,某些xhtml標簽,有自己默認的css屬性值;例如,h1標簽就有自己默認的屬性值。3,為了兼容主流的瀏覽器,或者為了統(tǒng)一效果,建議我們在設置時,將所有元素的css屬性,重置為一個標準的;4,不同的瀏覽器,有各自

2、不同的css屬性值---就是瀏覽器的兼容性5,css可以重新設置html標簽的默認設置;3,CSS應用給網(wǎng)頁的方法:1,內(nèi)聯(lián)式樣式表:直接寫在現(xiàn)有的標記中,如這里文字是紅色的

2,嵌入式樣式表:使用標簽嵌入到HTML文件的標簽中。如:body{background:white;color:black;}3,外部鏈接式樣式表:將樣式表寫在一個獨立的.css文件中,然后在頁面標

3、簽內(nèi)使用標簽調(diào)用它,主要用于實現(xiàn)表現(xiàn)與結構的分離,如:4,導入式樣式表[用的較少]:導入式樣式表與鏈接式樣式表的功能基本相同,只是語法與動作方式略有不同,同樣也將導入樣式代碼寫在標記內(nèi)。語法:@importurl("basic.css");------------------------------------有些瀏覽器解析會有問題.瀏覽器會最

4、后讀取@import中的內(nèi)容;4,將css樣式寫到一個單獨的文件中.如style.css;5,結構與樣式分離;6,導入式樣式:也是將樣式寫到一個文件中,再導入到網(wǎng)頁中,導入式,其實與內(nèi)嵌式是相類似的,都是將樣式加入到網(wǎng)頁里;7,網(wǎng)站是有很多個網(wǎng)頁組成的;一個網(wǎng)站是有多個網(wǎng)頁組成的...8,id在網(wǎng)頁中只出現(xiàn)一次;9,標簽選擇符---針對html標簽id選擇符---針對某一個id;類選擇符:針對某一類,或者某一些元素,它們的樣式是相同的。10,類名或ID名,不要以數(shù)字開頭,同一個元素,應用多個類,類名與類名之間用空格進行分割:class="類1類

5、2";11,css特點,1,繼承:子元素可以繼承父元素的某些屬性;2,層疊:如果子元素定義了與父元素相同的樣式,則子元素的樣式會覆蓋父元素的樣式,后面的樣式會覆蓋前面的樣式;12,css樣式優(yōu)先權:當樣式有沖突時,聽誰的?四種方式的優(yōu)先權:內(nèi)聯(lián)式>內(nèi)嵌式>鏈接式>@import導入式。CSS優(yōu)先權:就近原則,作用范圍越小,優(yōu)先權就越高。離要修飾的目標越近的樣式優(yōu)先權越高;一般我們用內(nèi)嵌式和鏈接式,這樣局限性是最小的;13,選擇符優(yōu)先權:行內(nèi)>id>class>標簽選擇符。-------------------------------------

6、----記住哦!就近原則;14,不同的屬性在瀏覽器支持是不一樣的;盡量使用通用的屬性,不用存在兼容性差別的屬性;15,CSS偽類:a:link{text-decoration:none;color:black;}a:hover{text-decoration:underline;color:blue;}a:active{text-decoration:overline;color:#00OOFF;}-----表示跟超級鏈接有關的偽類;16,如果,鼠標放上效果不起作用,請修改鏈接狀態(tài)的順

7、序L-V-H-A就是把標簽的順序變一下;17,div{width:100px;height:100px;font-size:24px;font-weight:bold;display:block;//表示把它定義成塊元素,就是它們是一個整體display:block;//表示把它定義成塊元素,就是把它們當做一個整體}#one{background:red;}#two{background:green;}#three{background:blue;}----youshijianduokankanapi

8、css布局有三種方式:1,默認文檔流方式---以默認的html元素的結構順序顯示;2,浮動布局方式---通過設置html元素的floa

當前文檔最多預覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當前文檔最多預覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學公式或PPT動畫的文件,查看預覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權歸屬用戶,天天文庫負責整理代發(fā)布。如果您對本文檔版權有爭議請及時聯(lián)系客服。
3. 下載前請仔細閱讀文檔內(nèi)容,確認文檔內(nèi)容符合您的需求后進行下載,若出現(xiàn)內(nèi)容與標題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。