CSS樣式難點

2021-09-09 08:31:47 字數 708 閱讀 4043

如果文件寬度小於 300 畫素則修改背景顏色(background-color):

@media screen and (max-width: 300px)

}css中cursor屬性cursor:pointer:滑鼠顯示小手字樣。

box-sizing: border-box; 

-webkit-box-sizing: border-box; 

-moz-box-sizing: border-box; 設定寬或者高是百分比時,包含padding和margin。

box-sizing:border-box;

-moz-box-sizing:border-box; /* firefox */

-webkit-box-sizing:border-box; /* safari */,規定兩個併排的帶邊框的框

css中:after或者:before設定在之前或者之後設定內容。

h1 

h2 h3

h4 文字修飾下劃線的樣式

:last-of-type設定最後元素的屬性。

[class*= col-]  代表包含  col-  的類名 ,比如說 col-md-4 ,demo-col-2(這個是虛構的)等都可以匹配到。

[class^=col-]  代表 以 col- 開頭的類名,比如說 col-md-4

[class$=col-] 代表以 col- 結尾的類名

前端css屬性難點

text transform uppercase 有何用?margin 0.5em 0中的em與px有什麼區別?overflow hidden有什麼用?vertical align top 什麼意思?font inherit 什麼意思?cursor pointer 關於元素局中問題 如何使用css讓...

css浮動特性(難點)

加了浮動之後的元素,會具有很多特性,需要我們掌握 1.浮動元素會脫離標準文件流 脫標 2.浮動的元素會一行內顯示並且元素頂部對齊 3.浮動的元素會具有行內塊元素的特性 設定了浮動 float 的元素最重要特性 1.脫離標準流的控制 浮 移動到指定位置 動 俗稱脫標 2.浮動的盒子不再保留原先的位置 ...

css背景樣式css背景樣式

css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中,要為某個物件加上背景色只有一種辦法,那就是先做乙個 在 中設定完背景色...