CSS學習筆記1

2021-08-06 06:28:47 字數 1527 閱讀 5282

css:層疊樣式表

內嵌樣式:在標籤元素中 style=」屬性名:屬性值;」

內含樣式:在head中

type=」text/css」>

選擇器名

style>

外部樣式:

rel=」stylesheet」

type=」text/css」 href=」 」 />

css中注釋用:/**/

選擇器:

1. 標籤選擇器:標籤名

2. 類選擇器:標籤元素中定義class屬性 .class

3. id選擇器:標籤元素中定義id屬性 .id

4. 萬用字元:*

5. 包含元素:父 子 孫…

背景:

1. 顏色:background-color:

2. :background-image:url(「 」)

3. 重複:background-repeat:no-repeat/repeat-x/repeat-y

4. 定位:background-position:x y

5. 關聯:background-attachment:fixed (固定位置,只能相對於body)

簡寫:background:顏色 位置 重複 定位

文字:

*縮排:text-indent:32px; 塊級標籤

*水平對齊:text-align:left/center/right; 塊級標籤

*文字裝飾:text-decoration:underline/line-through/overline/none;

字元轉化:text-transform:lowercase/uppercase/capitalize(首字母大寫) 【針對英文】

字元間距: letter-spacing:1px;

單詞間距:word-spacing:1px;(根據空格,也可以看做空格寬度)

行高:line-height:30px line-height 與 font-size 的計算值之差(在 css 中成為「行間距」)分為兩半,分別加到乙個文字行內容的頂部和底

部。可以包含這些內容的最小框就是行框。

字型:

字型:font-family:」黑體」;

風格:font-style:italic;(normal)

加粗:font-weight:100預設 700/bold加粗 範圍(1-900)

大小:font-size:14px;

邊框:

邊框樣式:border-style:solid(實線)/double(雙實線)/dashed(線虛線)/dotted(點虛線)

邊框寬度:border-width:1px;

邊框顏色:border-color:#000000;

注:邊框有四邊,當只有乙個引數時修飾4邊,兩個引數時修飾上下—左右,三個引數時修飾上—左右—下,四個引數時修飾上—右—下—左;

margin:外邊距;

padding:內邊距;

CSS學習筆記1

css指層疊樣式表 cascading style sheets css定義如何顯示html元素。樣式通常儲存在樣式表中。所有主流瀏覽器均支援層疊樣式表。當有多個樣式的時候,是按照這樣的優先權確定文件的樣式的 內聯樣式 在html元素內部 內部樣式表 位於標籤內部 外部樣式表,瀏覽器預設設定。css...

css學習筆記1

本次學習通過 學習 css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。selector選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。通過依...

學習css筆記(1)

用以下三種方式將樣式表加入網頁 最接近目標的樣式定義優先權越高。高優先權樣式將繼承低優先權樣式的未重疊定義但覆蓋重疊的定義。鏈入外部樣式表檔案 linking to a style sheet 先建立外部樣式表檔案 css 然後使用html的link物件。而在xml中應該如下例所示在宣告區中加入 定...