1、在HTML中，引入CSS的方法主要有行內(nèi)式內(nèi)嵌式導(dǎo)入式和鏈接式行內(nèi)式即在標(biāo)記的style屬性中設(shè)定CSS樣式，這種方式本質(zhì)上沒有體現(xiàn)出CSS的優(yōu)勢(shì)，因此不推薦使用例 lthtml ltheadltmeta；樣式文件放哪里不要緊，一般就放在跟目錄，你在頁面的時(shí)候這樣引用一下就好了 比如 ltlink href=quotStylesSitecssquot rel=quotstylesheetquot type=quottextcssquot 就代表引用跟目錄下Styles文件夾里面的Sitecss這個(gè)樣式文件；style=quotfontsize16pxquot文本ltp 第二種在html文檔頭部，head標(biāo)簽內(nèi)寫 ltstyle p fontsize16px ltstyle 第三種引入外部 ltlink rel=quotstylesheetquot type=quottextcssquot href=quotfontstylecssquot；使用JavaScript來實(shí)現(xiàn)動(dòng)畫效果可以使用setInterval函數(shù)來循環(huán)執(zhí)行動(dòng)畫，并使用css函數(shù)來改變門的位置使用CSS來設(shè)置背景圖片字體春聯(lián)動(dòng)畫等元素的樣式使用HTML5的audio元素來添加背景音樂具體的代碼實(shí)現(xiàn)可以參考以下示例。

2、ltstyle type=quottextcssquot m fontfamily Arial， Helvetica， sansserif ltstyle lttable width=quot100%quot border=quot0quot cellspacing=quot0quot cellpadding=quot0quot height=quot30quot lttr lttd width=quot15%quotltdiv align；lthtml如果未了解過flex布局請(qǐng)移至文末點(diǎn)擊鏈接查看 阮一峰大神寫的關(guān)于flex語法3定位布局這邊就不絮絮叨叨的講一些基礎(chǔ)的css定位知識(shí)了ps不會(huì)的請(qǐng)自行到w3c官網(wǎng)查閱，我主要來講解一下工作中遇到的坑以免其他人和我一樣掉；CSS是樣式層疊表，有三種引入方式下面，我們來看看HTML樣式CSS的三種寫法吧行內(nèi)樣式 CSS可以直接放到行內(nèi)樣式中引入即可，比如代碼如下圖 ltp style=quotcolor blue background redquot hello world；lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle淘寶購買lttitleltstyle taobaowidth224pxheight224px positionrelative zindex0 overflowhidden cursorpointer taobaoimgdisplay；在制作一個(gè)網(wǎng)頁的時(shí)候，Css樣式的添加一共有四種方式，一起來看看這四種方式一使用STYLE屬性 將STYLE屬性直接加在個(gè)別的元件標(biāo)簽里lt元件標(biāo)簽 STYLE=quot性質(zhì)屬性1 設(shè)定值1 性質(zhì)屬性2 設(shè)定值2。

3、1使用Embed嵌入樣式單排版樣式即將CSS代碼直接插入每個(gè)頁面的HTML的lthead區(qū)，就象上一節(jié)看到的使用ltstyleltstyle標(biāo)簽例如ltstyle type=quottextcssquot lt！ h2 fontfamily quot宋體quot font；ltdlltarticle ltfooter201996ltfooter ltbodylthtml 啟動(dòng)瀏覽器運(yùn)行后，大家會(huì)發(fā)現(xiàn)界面并不美觀，文字看著也比較亂為了解決這個(gè)問題，可以在界面添加css規(guī)則，讓界面更好看，更標(biāo)準(zhǔn)化，將下面的代碼塊添加到。

4、一傳統(tǒng)HTML讓圖片橫向水平居中方法 直接在標(biāo)簽對(duì)象內(nèi)加“align=quotcenterquot”即可讓對(duì)象內(nèi)圖片橫向水平居中顯示align=quotcenterquot使用方法ltdivalign=quotcenterquotltdiv align=quotcenterquot居中圖片DIV+CSS實(shí)例代碼htmlalign=quot。

5、一行內(nèi)樣式 使用style屬性引入CSS樣式示例lth1 style=quotcolorredquotstyle屬性的應(yīng)用lth1ltp style=quotfontsize14pxcolorgreenquot直接在HTML標(biāo)簽中設(shè)置的樣式ltp實(shí)際在寫頁面時(shí)不提倡使用，在測試的時(shí)候可以。

6、其中，ltstyle標(biāo)簽是樣式標(biāo)簽，請(qǐng)將CSS放在其中 這部分內(nèi)容后續(xù)會(huì)介紹，這里只是先提一下3 看網(wǎng)頁效果 4 class選擇器 也叫做類選擇器，直接說概念估計(jì)你也不明白，直接上例子吧舉例alspcolorred 這就是一；內(nèi)聯(lián)樣式當(dāng)特殊的樣式需要應(yīng)用到個(gè)別元素時(shí)，就可以使用內(nèi)聯(lián)樣式使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性樣式屬性可以包含任何 CSS 屬性以下實(shí)例顯示出如何改變段落的顏色和左外邊距l(xiāng)tp style=quotcolor red。