CSS樣式學習(二)

2021-09-27 03:40:54 字數 1873 閱讀 8853

1)塊級元素

常見的塊級元素有div,p,h,ul,ol,li等。

特點:

2)行內元素

常見的行內元素有span,a,strong,em,del,ins

特點:

3)行內塊元素

常見的行內塊元素img,input,td

特點:

4)互相轉換

background-color: 設定背景為純色

background-repeat: repeat-x(橫向平鋪),repeat-y(縱向平鋪),no-repeat(不重複),repeat(預設,向橫向和縱向都平鋪)。

background-position: [top|bottom|px值] [left|center|right|px值]

background-attachment: [fixed|scroll] fixed就是固定在那,scroll會隨著滾動條滾動。

乙個統寫的語法:background: color url repeat attachment positionbackground-size: [cover|contain|px值]

>

body

divdiv:first-child

div:last-child

style

>

實現效果:text-decoration:[underline | none | overline | line-through ]

>

/* 樣式為空 */

a:nth-child(1)

/* 下劃線 a標籤的預設樣式 */

a:nth-child(2)

/* 上橫線 */

a:nth-child(3)

/* 刪除線 */

a:nth-child(4)

style

>

實現效果:

(五)display 顯示

- display :none | block

- visibility :visible | hidden 可見性

display和visibility都可以隱藏元素,區別是visibility隱藏後原位置仍會佔據空間。

(六)滑鼠樣式cursor

cursor:default小白 |pointer小手 |move移動 |text文字

設定了這個樣式之後,滑鼠經過會顯示不同的效果。

css樣式學習?

在要用時選取那段文字,再在css面板上點一下 bgstyle 就行了。8 如何給部分文字加背景影象?與加背景色操作類似,中是在背景在選擇載入圖象就是了,乙個定義好的加背景圖象的css例子的 是這樣的 在要用時選取那段文字,再在css面板上點一下 imgbgstyle 就行了。9 如何使頁面的背景在文...

CSS樣式詳解 二

這篇讓我們繼續上篇css之旅吧 上貨 border 邊框 width 寬度 height 高度 background color 背景顏色 今天週日了,明天你是否要繼續跟煌sir一起學習呢 今天週日了,明天你是否要繼續跟煌sir一起學習呢 格式 選擇器常用屬性值 none 元素不浮動 預設值 lef...

css樣式學習3

1.文字居中顯示 通過設定文字的行高於外部容器高度一致 可以實現文字垂直居中 例 width 200px height 100px border 1px solid red text align center line height 100px 2.背景 背景顏色 background color ...