CSS一些常用屬性總結

2021-07-09 21:12:54 字數 1214 閱讀 9544

css選擇器:

類別選擇器(.)id選擇器(#)巢狀選擇器( )子選擇器(>)屬性選擇器([ ])

重點說巢狀選擇器和子選擇器的區別以及屬性選擇器:

舉個例子:< p>下有< b>,< b>下又有另乙個< b>

子選擇器:p>b

巢狀選擇器:p b

上述子選擇器只能選中第乙個< b>

巢狀選擇器則能選中所有的< b>

屬性選擇器:

a[title]

只要標籤中有title屬性就能被選中,忽略title的屬性值

在標籤中新增title屬性

a[title=***]

標籤中title的屬性值為***,才能被選中

font系列 是對文字本身的改變,顏色樣式等等

font-family:字型

font-size:文字大小

font-weight:bold; 粗體

font-style:italic; 斜體

text 系列 是對文字整體的改變,例如下劃線刪除線

text-decoration:none 無下劃線,如去掉鏈結的下劃線

text-decoration:underline 加下劃線

text-decoration:line-through 加刪除線

text-align 設定文字的排列方式,例如居中

padding系列 控制文字的間隔

後面可以跟位置,例如padding-right 表示距右邊多少距離

border系列 設定邊框的屬性

~-style:邊框的線格式

~-color:邊框的顏色

~-width:邊框的粗細

border:文字大小 文字字型 文字顏色 (順序可以隨便,個數也可以隨便)

可以跟這樣的三個引數

border-left: 文字大小 文字字型 文字顏色

只設定左邊的邊框

float:left 設定首字下沉,靠左

margin:設定標籤的距離

color:不解釋,十六進製制顏色碼,見附圖

元素定位:

float(靠左或靠右)

position(絕對【相對於視窗】或相對【相對于父標籤】)

記一些css屬性總結(一)

以上為為我自言自語可跳過 1.transition屬性 含義 過渡屬性,通常用於滑鼠經過元素時樣式的改變。語法 transition property duration timing function delay transition property 規定設定過渡效果的 css 屬性的名稱,全部就...

一些css的屬性

一些css的屬性 使整個頁面的元素都沒有頁邊距 margin 與填充距離 padding body 使整個頁面居中顯示 padding 12px 元件能與邊緣的距離 moz border radius 6px 6px 6px 6px 圓角 float left div同行顯示 margin 30px...

css的一些屬性

1 文字的水平居中 css實現單行文字水平居中 text align center 2 塊元素居中 保證margin left和margin right都為auto,就可以保證塊元素水平居中 如果要是使用margin 0 auto來實現塊元素居中,就要 指定這個元素的寬度 3 行內元素 使用text...