css的四種書寫方式

2021-08-19 19:58:30 字數 965 閱讀 6905

優先順序: 外部樣式 < 內部樣式表 < 內聯樣式表;

優先順序,即:同名的選擇器右邊的會覆蓋左邊

1.內部樣式表

<

head

>

<

style

>

/*內部樣式表,一般用於覆蓋公用樣式

*/#headtip

style

>

head

>

2.使用link標籤,在文件中宣告使用外接資源,最常用的一種方式。

css外部樣式表指定編碼的@charset="utf-8"; 需要放在第一行。

<

head

>

<

link

href

="./my-common.css"

rel="stylesheet"

media

="screen"

type

="text/css"

/>

head

>

3.@方式,引入css,注意這個是非同步載入的,在整個html載入之後才載入,會導致頁面閃爍。不推薦使用。

<

head

>

<

style

>

@import 'my-common.css';

style

>

head

>

4.內聯樣式表,優先順序最高最直白,但不能復用不容易維護。

<

body

>

<

input

type

="text"

style

="color:0x550;font-size:30px;"

/>

body

>

if的四種書寫方式

if分支 有四種書寫方式 1.if 條件 只要滿足就執行 裡面的 條件為treu 不滿足就不執行 條件為false 2.if 條件 else 條件滿足執行if後面的 裡面的 條件不滿足就執行else後面的 裡面的 二者選其一執行 3.if 條件 else if 條件2 從第乙個條件開始,那個條件滿足...

css的四種引入方式

css的四種引入方式 第一 頭部直接引用 style test1第二新建文件引用,建乙個 9.css其中寫入 test 通過 9.html中的語句呼叫 第三種在div中寫css 好好學習 第四種新建乙個文件,在裡面寫css 然後用 import url 匯入 相同元素在不同瀏覽器下顯示的效果稍有不同...

css的四種呼叫方式

樣式的使用有大體有四種方式 外聯式樣式表 內嵌樣式表 元素內定 匯入樣式表 1,外聯式樣式表 新增在html的頭資訊識別符號 head 裡 head link rel stylesheet href css type text css media screen head 其中href是目標文件的ur...