导入式CSS样式
3 ?《關山月》
一、案例描述
導入式CSS樣式
- 熟練運用標記選擇器控制元素。
- 掌握CSS導入式的引用方法。
通過前兩個案例,我們知道了兩種引入CSS樣式表的方法,下面將介紹另一種引入CSS樣式表的方法:導入式。同時,還將介紹一種新的基礎選擇器—標記選擇器。本案例通過使用標記選擇器來控制元素,并運用CSS導入式的方法來輸出一首詩《關山月》。
在外部樣式表blue.css中,通過標記選擇器設置段落為16px字體、藍色、居中效果。
<!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>關三月</title><style type="text/css">@import url("red.css");@import url("blue.css");</style> </head> <body><h1>關三月</h1><h2>李白</h2><p>花間一壺酒,獨酌無相親。</p><p>舉杯邀明月,對影成三人。</p><p>月既不解飲,影徒隨我身。</p><p>暫伴月將影,行樂須及春。</p><p>我歌月徘徊,我舞影零亂。</p><p>醒時同交歡,醉后各分散。</p><p>永結無情游,相期邈云漢。</p> </body> </html>?
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
- 上一篇: Flex Builder 4.6 正式版
- 下一篇: Hybrid app 学习资料收集