导入式CSS样式
3 ?《關(guān)山月》
一、案例描述
導(dǎo)入式CSS樣式
- 熟練運(yùn)用標(biāo)記選擇器控制元素。
- 掌握CSS導(dǎo)入式的引用方法。
通過前兩個案例，我們知道了兩種引入CSS樣式表的方法，下面將介紹另一種引入CSS樣式表的方法：導(dǎo)入式。同時，還將介紹一種新的基礎(chǔ)選擇器—標(biāo)記選擇器。本案例通過使用標(biāo)記選擇器來控制元素，并運(yùn)用CSS導(dǎo)入式的方法來輸出一首詩《關(guān)山月》。
在外部樣式表blue.css中，通過標(biāo)記選擇器設(shè)置段落為16px字體、藍(lán)色、居中效果。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>關(guān)三月</title><style type="text/css">@import url("red.css");@import url("blue.css");</style> </head> <body><h1>關(guān)三月</h1><h2>李白</h2><p>花間一壺酒，獨(dú)酌無相親。</p><p>舉杯邀明月，對影成三人。</p><p>月既不解飲，影徒隨我身。</p><p>暫伴月將影，行樂須及春。</p><p>我歌月徘徊，我舞影零亂。</p><p>醒時同交歡，醉后各分散。</p><p>永結(jié)無情游，相期邈云漢。</p> </body> </html>?
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
- 上一篇： Flex Builder 4.6 正式版
- 下一篇： 关于CSS中的相对路径和绝对路径