CSS樣式基本知識

2021-07-08 19:01:09 字數 796 閱讀 1091

外部式

css樣式表就是把css**直接寫在現有的html標籤中,如下面**:

style="color:red">這裡文字是紅色。p>
注意要寫在元素的開始標籤裡,下面這種寫法是錯誤的:

這裡文字是紅色。p

style="color:red">

並且css樣式**要寫在style=」「雙引號中,如果有多條css樣式**設定可以寫在一起,中間用分號隔開。如下**:

style="color:red;font-size:12px">這裡文字是紅色。p>
就是可以把css樣式**寫在標籤之間。如下面**實現把三個標籤中的文字設定為紅色:

type="text/css">

span

style>

嵌入式css樣式必須寫在

style>之間,並且一般情況下嵌入式css樣式寫在

head>之間。如右邊編輯器中的**。

就是把css**寫乙個單獨的外部檔案中,這個css樣式檔案以「.css」為副檔名,在內(不是在

"base.css" rel="stylesheet"

type="text/css" />

注意:1、css樣式檔名稱以有意義的英文本母命名,如 main.css。

2、rel="stylesheet"

type="text/css" 是固定寫法不可修改。

3、標籤位置一般寫在標籤之內。

七 CSS樣式基本知識

內聯式css樣式表就是把css 直接寫在現有的html標籤中,如下面 這裡文字是紅色。注意要寫在元素的開始標籤裡,下面這種寫法是錯誤的 這裡文字是紅色。style color red 並且css樣式 要寫在style 雙引號中,如果有多條css樣式 設定可以寫在一起,中間用分號隔開。如下 這裡文字是...

CSS基本知識

選擇符表示要定義樣式的物件,可以是元素本身,也可是一類元素或制定名稱的元素 在css選擇符中,大致可有10種 類選擇符 id選擇符 class選擇符 萬用字元 群組選擇符 包含選擇符 偽類選擇符 偽物件選擇符 關於選擇符的權重問題,css中用四位數來表示權重,權重的表示式如0000 在這裡特別要注意...

CSS 基本知識

html示例 塊級元素 display block 每個塊級元素佔一行,多個塊級元素上下堆疊顯示,它的寬度預設為父元素的寬度,高度由它的內容高度決定 內容撐開 塊級元素有 6級標籤 段落 有序列表 列表項 等等行內元素 display inline 多個行內元素在一行內顯示,當同一行寬度不夠時,才到...