css樣式學習3

2021-08-01 20:13:03 字數 1502 閱讀 3590

1.文字居中顯示:

通過設定文字的行高於外部容器高度一致;可以實現文字垂直居中

例:

width: 200px;height: 100px;border: 1px solid red;text-align:center;line-height: 100px;
2.背景:

/*背景顏色*/

background-color:blue;

/*背景*/

background-image:url("

路徑");

/*背景的展示方式*/

background-repeat:no-repeat;

/*背景的位置*/

background-position:center top;

/*背景的大小

contain:寬高等比例縮放,直到寬或高填滿父布局,可能出現填充布局不完整

cover:寬高等比例縮放,直到較小的寬或高填滿父布局,可能出現溢位。*/

background-size:cover;

/*

偽類選擇器*/

/*1:預設鏈結狀態*/

a:link

/*2:已訪問狀態*/

a:visited

/*3:滑鼠懸浮狀態*/

a:hovera:active{color:orange;

4.margin外邊距的幾種書寫樣式:
/*margin: 0 auto;*/

/*margin: 20px;

上右下左*/

/*margin: 20px 30px;!*上下 左右*!

margin: 50px 80px 30px;!*上   左右   下*!

margin: 20px 50px 80px 30px;!*上  右  下  左*!*/

css3新學習樣式

css3 1 旋轉角度 transform rotate 30deg 旋轉30度 2 圓角邊框 由小到大 border radius 25px moz border radius 25px old firefox 3 邊框陰影 box shadow box shadow 10px 10px 5px ...

css樣式學習?

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

CSS3學習筆記 1 CSS樣式繼承

自己在寫css時總會遇上css樣式繼承的問題,好在一般問題不大,但一直也不明白css樣式繼承的規則,最近發現了一篇文章講的不錯,因此 過來 所謂css 的繼承是指被包在內部的標籤將擁有外部標籤的樣式性質。繼承特性最典型的應用通常發揮在整個網頁的樣式預設,需要指定為其它樣式的部份設定在個別元素裡即可。...