第4周樣式與布局

HTML標(biāo)簽樣式設(shè)置HTML最常用屬性<spanstyle=“width:400px;height:300px;color:#ff0000;font-size:14px;”>

我是測(cè)試文字?。。。?！</span>Style為所有標(biāo)簽都具有的屬性，用于描述標(biāo)簽的效果，也稱內(nèi)聯(lián)樣式。Style為最常用的屬性之一。Style屬性在同一個(gè)標(biāo)簽中只可以寫(xiě)一次HTML標(biāo)簽樣式設(shè)置HTML樣式可以獨(dú)立書(shū)寫(xiě)，然后用于同一個(gè)網(wǎng)頁(yè)的多個(gè)標(biāo)簽中HTML標(biāo)簽樣式設(shè)置同一個(gè)效果，只需要定義一次，然后用于網(wǎng)頁(yè)內(nèi)多個(gè)地方HTML標(biāo)簽樣式設(shè)置同一個(gè)效果，能不能用于不同網(wǎng)頁(yè)？？？HTML標(biāo)簽樣式設(shè)置1、新建CSS文件，保存于站點(diǎn)內(nèi)2、在CSS文件中編寫(xiě)樣式3、在網(wǎng)頁(yè)中附加樣式表把需要的樣式書(shū)寫(xiě)于獨(dú)立的CSS文件中，那么，同一個(gè)效果，在不同的網(wǎng)頁(yè)中只需要書(shū)寫(xiě)一次CSS樣式表CSS樣式表也叫層疊樣式表，用于控制網(wǎng)頁(yè)中的標(biāo)簽元素顯示效果CSS應(yīng)用：1）重定義標(biāo)簽效果2）自定義效果3）偽類CSS樣式表1）重定義標(biāo)簽效果重新定義標(biāo)簽的顯示效果Body標(biāo)簽必須要重新定義標(biāo)簽重新定義后，在網(wǎng)頁(yè)中不需要做其他任何設(shè)置，則所有該標(biāo)簽都已經(jīng)應(yīng)用了這種效果CSS樣式表2）自定義效果2.1自定義class效果

class效果命名規(guī)則1、必須以.開(kāi)頭2、不能以數(shù)字開(kāi)頭3、不能包含中文、空格4、以有意義的

名字命名，建議使用駝峰命名法，如

.NewsTitleCSS文件中的書(shū)寫(xiě)網(wǎng)頁(yè)文件中的書(shū)寫(xiě)CSS樣式表2）自定義效果2.2自定義id效果

id命名規(guī)則1、必須以#開(kāi)頭2、不能以數(shù)字開(kāi)頭3、不能包含中文、空格4、以有意義的

名字命名，建議使用駝峰命名法，如

#NewsTitleCSS文件中的書(shū)寫(xiě)網(wǎng)頁(yè)文件中的書(shū)寫(xiě)CSS樣式表3）偽類

CSS文件中的書(shū)寫(xiě)CSS樣式表3）偽類偽類用于鼠標(biāo)經(jīng)過(guò)標(biāo)簽時(shí)的顯示效果偽類不會(huì)獨(dú)立存在，必須書(shū)寫(xiě)于正常效果之后，在正常效果之后添加:hover以下幾種都是正常的偽類書(shū)寫(xiě)方式Span:hover------>注意：這種