考核知識點
匯入式css樣式
練習目標
需求分析
通過前兩個案例,我們知道了兩種引入css樣式表的方法,下面將介紹另一種引入css樣式表的方法:匯入式。同時,還將介紹一種新的基礎選擇器—標記選擇器。本案例通過使用標記選擇器來控制元素,並運用css匯入式的方法來輸出一首詩《關山月》。
案例分析
效果如圖3-5所示。
《關山月》效果
具體實現步驟如下:
新建兩個外部樣式表red.css、blue.css。
使用匯入式引入css樣式表。
在外部樣式表red.css中,通過標記選擇器分別設定標題、作者為30px字型、紅色、居中效果。
在外部樣式表blue.css中,通過標記選擇器設定段落為16px字型、藍色、居中效果。
花間一壺酒,獨酌無相親。
舉杯邀明月,對影成三人。
月既不解飲,影徒隨我身。
暫伴月將影,行樂須及春。
我歌月徘徊,我舞影零亂。
醒時同交歡,醉後各分散。
永結無情遊,相期邈雲漢。
CSS3樣式表的匯入方法
css有四種匯入樣式的方法,下面將一一枚舉 1.行內樣式 行內樣式就是把css樣式直接寫在html標籤中 示例 使用css來改變網頁的樣式 缺點 頁面不乾淨,網頁載入體積較大,這種寫法也不利於後續維護 2.內嵌樣式 內嵌樣式主要是將樣式寫在標籤對中 示例 缺點 各個頁面無法共享css樣式,每個頁面定...
匯入的CSS樣式檔案與自定義CSS樣式檔案衝突
在使用bootstrap時,有時候並不希望在整個 上使用 bootstrap,您只需要使用bootstrap css的一部分。如果只是將 bootstrap css 直接新增到 head 中,就有可能會與其他的 css 產生衝突,從而產生混亂的樣式。選擇重寫css樣式讓其覆蓋原有的樣式,如依然沒有得...
css樣式內聯式,外聯式,嵌入式
特徵 1 有乙個單獨的css檔案存在!如 001.css 2 首先,通過 格式 樣式表連線 與css檔案 001.css 建立連線!3 在合適的地方使用 class 樣式名 呼叫具體的樣式效果!如 特徵 1 樣式的屬性內容以 的形式 放在 寫在網頁 中!2 首先,通過 格式 樣式 設定樣式的屬性內容...