CSS學習筆記2

2021-06-09 12:35:57 字數 1518 閱讀 2494

css背景

css允許應用純色作為背景,也允許使用背景影象建立相當複雜的效果。使用background-color屬性為元素設定背景色,它的預設值是transparen,可以為所有的元素設定背景色t。用background-image屬性設定背景影象,background-image屬性的預設值是none。大多數背景都應用於body。

eg:p

eg:  body

背景定位:background-position;背景平鋪:background-repeat;背景關聯:background-attachment。

css文字

css文字屬性可以定義文字的外觀。設定文字顏色,字元間距,對齊文字,裝飾文字,文字縮排等。

文字縮排:text-indent;                     // 實現文字的縮排,使用該屬性使所有元素第一行縮排乙個給定的長度(長度可以為負值)

顏色:color;

文字方向:direction;                    // 該屬性有兩個值,ltr(預設值)和rtl。direction屬性影響塊級元素中文字的書寫方向,表中列布局的方向,內容水平填充其元素框的方向,以及兩端對齊元素中最後一行的為止。

行高:line-height;

空白符處理:white-space;

字元間距:letter-spaceing;          // 預設值是normal,處理的字母之間的間隔。

對齊元素中的文字:text-align;     // 水平對齊,left(預設值)、right和center是常用的值,text-align:center不控制顏色的對齊,只影響內部的內容,而不僅影響文字,還會把整個元素居中。justify,是兩段對齊屬性。

字間距:word-spacing。該屬性可以改變字(單詞)之間的標準間隔 ,預設值是normal。該屬性接受乙個正長度值和負長度值,正長度值會增減字之間的間隔,負長度值則會把字拉近。

文字裝飾:text-decoration屬性;text-decoration有5個值:none(預設值)、underline(下劃線)、overline(文字頂端畫乙個上劃線)、line-through(文字中間加一劃線)和blink(讓文字產生閃爍的效果)。

字元轉換:text-transform處理文字的大小寫,有4個屬性值,none、uppercase、lowercase和capitalize(首字母大寫)。

css字型

css字型屬性定義文字的字型系列、大小、加粗、風格等。

字型樣式:font-family;字型風格:font-stytle;(normal、italic和oblique) 字型大小:font-size;

css列表

css列表屬性允許你放置、改變列表項標誌,或者將影象作為列表的標誌。

css**

css**屬性可以改善**的外觀。**的邊框,摺疊邊框,**寬度和高度,**文字對齊,**內邊距和**顏色。

CSS學習筆記(2)

屬性是css非常重要的部分,以下是css屬性 字型屬性 備註 1.font variant 屬性值 all caps 在指定的小體大寫字型不存在的時候,css將用大寫字母代替所有的小寫字母。2.使用font屬性定義 font font style屬性值 font variant屬性值 font we...

CSS學習筆記(2)

css框模型 element 元素 padding 內邊距不允許使用負值 h1 可以按照上 右 下 左的順序分別設定各邊的內邊距,各邊均可以使用不同的單位或百分比值 border 邊框。希望邊框出現,就必須宣告乙個邊框樣式。h1 忘記宣告邊框樣式是乙個常犯的錯誤。根據以下規則,所有 h1 元素都不會...

CSS學習筆記2

啟用狀態 active 按住滑鼠左鍵不鬆的樣式,這個狀態特殊短暫。訪問過的狀態 visited 按下滑鼠左鍵,並彈起,這時的樣式。在平常工作中,會使用以下寫法,來給鏈結加不同的樣式。a link,a visited 將 正常狀態 和 訪問過的狀態 合二為一。a hover 滑鼠放上 單做一種效果。l...