匯入式CSS樣式

2021-08-30 06:39:53 字數 712 閱讀 1484

考核知識點

匯入式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 首先,通過 格式 樣式 設定樣式的屬性內容...