怎么取html网页中的样式,从建站到拿站 -- HTML和CSS基础
總有人會(huì)陪你在慌亂無序的生活里同步前行。。。
---- ?網(wǎng)易云熱評(píng)
一、簡(jiǎn)介
HTML指的是超文本標(biāo)記語言,使用標(biāo)記標(biāo)簽來描述網(wǎng)頁,標(biāo)簽是由尖括號(hào)和關(guān)鍵詞組成,并且是成對(duì)出現(xiàn),例如。
二、一個(gè)完整的html網(wǎng)頁
周杰倫
《說好不哭》
詞:方文山? 曲:周杰倫
演唱:周杰倫/五月天阿信
沒有了聯(lián)絡(luò)? 后來的生活? 我都是聽別人說
說你怎么了? 說你怎么過? 放不下的人是我
人多的時(shí)候? 就待在角落? 就怕別人問起我
效果如下:
三、其他標(biāo)簽介紹
1、div和span標(biāo)簽
div是一個(gè)塊級(jí)元素,它包含的元素會(huì)自動(dòng)換行。
span是行內(nèi)元素,在它的前后不會(huì)換行
你們?cè)趺戳? 你低著頭護(hù)著我連抱怨都沒有電話開始躲? 從不對(duì)我說不習(xí)慣一個(gè)人生活
2、a標(biāo)簽,超鏈接
href:指定要跳轉(zhuǎn)的地址
target:指定方式打開新地址,默認(rèn)當(dāng)前頁面打開,_blank在新頁面打開
百度一下
3、標(biāo)簽,插入圖片
./:本級(jí)目錄
../:父級(jí)目錄
也可以直接添加網(wǎng)絡(luò)上的一張圖片
四、CSS樣式,?用于渲染HTML元素標(biāo)簽的樣式
1、內(nèi)聯(lián)樣式
span,將所有span標(biāo)簽內(nèi)的文字都統(tǒng)一樣式
span{background-color:#000000;color:#00FF00;}離開我以后? 要我好好過? 怕打擾想自由的我都這個(gè)時(shí)候? 你還在意著? 別人是怎么怎么看我的拼命解釋著? 不是我的錯(cuò)? 是你要走
id選擇器,為一個(gè)樣式起個(gè)別名,通過id引用
#TS{background-color:#000000;color:#FF00FF;}離開我以后? 要我好好過? 怕打擾想自由的我都這個(gè)時(shí)候? 你還在意著? 別人是怎么怎么看我的拼命解釋著? 不是我的錯(cuò)? 是你要走
類選擇器,為一個(gè)樣式起個(gè)別名,通過class引用
#TS{background-color:#000000;color:#FF00FF;}.ST{background-color:#000000;color:#00FFFF;}離開我以后? 要我好好過? 怕打擾想自由的我都這個(gè)時(shí)候? 你還在意著? 別人是怎么怎么看我的拼命解釋著不是我的錯(cuò)是你要走
2、外引樣式
新建一個(gè)aiyou.css文件,內(nèi)容為
#TS{background-color:#000000;color:#FF00FF;}.ST{background-color:#000000;color:#00FFFF;}
在html源碼中引用
離開我以后? 要我好好過? 怕打擾想自由的我都這個(gè)時(shí)候? 你還在意著? 別人是怎么怎么看我的拼命解釋著不是我的錯(cuò)是你要走
總結(jié)
以上是生活随笔為你收集整理的怎么取html网页中的样式,从建站到拿站 -- HTML和CSS基础的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html中如何等比缩小图片,css如何将
- 下一篇: 对html5的了解,HTML5——对HT