简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

css樣式的書寫格式詳解範例

高洛峰
發布： 2017-03-04 10:38:32
原創
2096 人瀏覽過

css的書寫格式一共有三種

#行內樣式：意思是在行內中寫樣式

例如說用行內樣式寫我的顏色

只適用於（字體顏色和背景顏色）和裡面的標籤，但不適用於以外的例如:head，title，之類的標籤

 

內嵌樣式:使用style，把所有樣式卸載style裡面。

例如說：

<head>

<style>

p{   

color:red;   

background:blue;   

border:1px solid green;   

}   

</style>

</head>

<body>

<p>用内嵌方式编写我的样式</p>

</body>
登入後複製

外接樣式:通俗點就是外部樣式，使用link樣式連接到外部的.css檔案。

例如說：

<head>

　　<link style="stylesheet" href="class.css" type="text/css" />

</head>
登入後複製

沒錯就是辣麼簡單，只需要把css樣式寫到另一個.css文字上然後只需要link就可以在頁面中顯示出樣式，但一定要注意檔案路徑！ ！ ！路徑不對也是不可以滴.

個人建議使用外聯樣式，做到了css與佈局代碼的分離，可以使代碼可編輯性更高  加載更快。

以上這篇引用css樣式的書寫格式詳解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持PHP中文網。

更多css樣式的書寫格式詳解範例相關文章請關注PHP中文網！

相關標籤：
css 样式 书写 格式
來源：php.cn
上一篇：css3 media 響應式佈局的實例介紹 下一篇：css3的過濾效果的簡單範例
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
動態修改Javafx中的內嵌CSS樣式 我試圖在應用程式最大化時更改窗格的背景圖像。我的背景是使用內嵌css設定的。我為樣式設定了兩個不同的變數和一個if語句。但是，我沒有運氣讓它改變樣式。 StringcssStyle...
來自於 2024-04-06 20:57:16
0
1
487
使用MySQL SQL查詢計算另一張表中欄位的總和 我有一個這樣的模式：具有屬性“user_id”和“username”的用戶表以及具有屬性“customer_id”（user_id的FK）和“finalPrice”的訂單表資料庫架...
來自於 2024-04-06 19:39:29
0
1
441
使用SCSS產生預設值和CSS變數 我正在實現網站樣式。出於遺留支援的原因，我需要支援IE11，至少一段時間。出於工作流程和我的理智原因，我想盡可能使用css變數。我已經研究過這個解決方案，它會產生一些有效的東西，但...
來自於 2024-04-06 17:46:54
0
1
355
CSS 樣式未套用於網站 我正在使用Bootstrap5製作網站，但index.css屬性未應用於index.html。當我將滑鼠懸停在服務卡上時，背景應該會發生變化，從而產生過渡效果。應該是從這個到這個。...
來自於 2024-04-06 17:12:23
0
1
336
為什麼我的 hr 標籤設定為白色純色時是半透明的？ 我有一個html（帶有引導程式）和一個CSS，在我的html中我有一個<hr>標籤，它有一個類，然後在我的CSS中我有它的邊框樣式。它是半透明的，你可以看到白色，但它不...
來自於 2024-04-06 16:13:26
0
1
500
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！