*? 一個元素可以使用多個類早芭，類與類之間用空格區(qū)分确买，靠后的類優(yōu)先級高?
一、
css共有3種書寫方式：行內(nèi)樣式候生、內(nèi)部樣式同眯、外部樣式。
1.行內(nèi)樣式：
<div style="width:400px;height:200px;background:red;"></div>
2.內(nèi)部樣式：
選擇器：ID選擇器唯鸭、類選擇器须蜗、元素選擇器
*? 類選擇器的優(yōu)先級大于元素選擇器
1.ID選擇器
2.類選擇器
3.元素選擇器
4.組合選擇器
div .c{
height:100px;
?background:aqua;
}
p.c{
background:yellow;
}? ? （類為c的p元素）
5.引外部樣式
<head>
<link href="mycss.css" rel="stylesheet">
</head>
6.css注釋
/*?
*/
7.如果沒有明確指定高度，和內(nèi)容的高度一樣
8.width:60%;? ? 百分數(shù)只能寬度用目溉，60%是父元素的百分比
9.寬和高對行級元素不起作用
10.背景顏色：
background-color:rgb(255,0,0);? ?（函數(shù)取顏色）
background-color:rgba(255,0,0,0.5);? （0<a<1明肮，透明）
11.背景圖片
圖片：background-image:url("u=2157521115,4232086434&fm=26&gp=0.jpg");
重復：background-repeat:no-repeat;（不重復）
位置：background-position:right bottom;（右下）
? ? ? ? ? ?background-position:center bottom;（第一個定左右 ，第二個定上下）
? ? ? ? ? ?background-position:10px 10px;（向右缭付，向下）
? ? ? ? ? ?background-position:10% 10%;
? ? ? ? ? ?background-position:-200px -200px;（負值可以裁剪圖片）
? ? ? ? ? ?background:rgba(255,0,0,0.2)url("u=2157521115,4232086434&fm=26&gp=0.jpg")no-repeat 100px 100px;（可以只寫一個backgroud）
12.邊框
border:5px darkred solid(實線);? ?dashed（虛線）
下邊框：border-bottom:2px orangered dashed;
圓：border-radius:400px;
13.字體
顏色：color:palevioletred;
大惺凉馈：font-size:40px;
字體：font-family:方正胖娃繁體;
粗細：font-weight:bolder；（加粗）
位置：text-align:center;? （只能水平方向移動）
裝飾：text-decoration:underline（下劃線）;? ?line-through（刪除線）
縮進：text-indent:20px;? （相當于空兩格）
* 14.盒子模型
margin（外邊距）:元素與元素之間的距離或者元素與它父元素之間的距離
margin:20px 10px 40px 50px;（上 右 下 左）
margin:20px 10px;? （上下? ?左右）
margin：（1）負值可以移出去
? ? ? ? ? ? ? ?（2）可以讓子元素居中??margin:0 auto;（要居中的元素一定有固定的寬度）
padding（內(nèi)邊距）：元素的邊框與內(nèi)部的距離? （會引起元素的撐大陷猫，不能有負值）
15.位置
1.position:static;
2.position:absolute;
right:0;
bottom:0;
絕對定位（會使元素擺脫文檔流的束縛）
z-index:10;? ?（誰大誰飄在最上面）
3.position:relative;
left:20px;
top:20px;
相對定位：使用相對定位的元素不脫離文檔流(不能亂跑)
4.窗口定位：position:fixed（固定）;
*? 子絕父相：子元素逃不出父元素
*? 占滿整個屏幕：
.c {
? ? background:orange;
? ? position:absolute;
? ? top:0;
? ? right:0;
? ? left:0;
? ? bottom:0;??
}? ?
16.浮動? float
*? 浮動的元素會脫離文檔流
*? 1.浮動的元素遇到其他元素會停下來
? ?2..浮動的元素遇到父元素會停下來
*? clear:both;? ?清除上一個元素的影響秫舌，
? ? <div class="a"></div>
? ? <div class="clear"></div>
? ? 在浮動元素后加一個空元素
17.元素的展示和消失
?展示：display:block;? 能將行級元素變成塊級元素去展示
display:inline-block;? ? 按塊級元素展示，但是不占一整行烙丛，保留原來的寬高
鼠標展示：cursor(鼠標):pointer（小手）;??
? ? ? ? ? ? ? ? ? cursor:progress（加載）;?
? ? ? ? ? ? ? ? ? cursor:wait（等待）;
?隱藏：overflow:hidden;? 將超出的部分隱藏起來
元素透明：opacity:0.5; （取值 0<opacity<1）
偽類：鼠標掠過時會變
.a{width:200px;
? ? height:300px;
? ? background:red;
}
.a:hover{
? ? background:blue;
? ? width:500px;
? ? cursor:pointer;
}
去除列表的點：list-style:none;
18.元素陰影
box-shadow:3px 3px 2px black;
