CSS樣式之補充

標籤：hidden   ali   :active   site   nbsp   yellow   height   點擊   display   

********CSS一些常用屬性*******0.去掉底線 ：text-decoration:none ;1.加上底線： text-decoration: underline;2.調整文本和圖片的位置（也就是設定元素的垂直對齊）：vertical-align:-20px;3.外邊距：margin4.內邊距：padding5.置中；margin 0 auto;(只是針對盒子置中)6內聯標籤是不可以設定長寬的，有時候就得把內聯標籤變成塊級標籤或者塊級內聯標籤，這就用到了display標籤。。　　1.將內聯標籤轉換成塊級標籤：display:block;　　2.將塊級標籤轉換成內聯標籤：display:inline;　　3.塊級內聯標籤：display；inline-block;　　　塊級內聯標籤可以像塊級一樣可設長寬，也可像內聯一樣在一行顯示6.隱藏的兩個方法：display:none; #隱藏了會頂上去　　　　　　　　　visibility :hidden; #隱藏了不會頂上去7.隱藏溢出的兩個方法：overflow :auto;　　　　　　　　　　　overflow :scoll;  #帶捲軸8.文本水平置中：text-align:center;   文本垂直置中：line-height;9.偽類；　　1.沒訪問之前： a:link{color:red;} 　　2.滑鼠懸浮時： a:hover{color:green;}　　3.訪問過後： a:visited{color:yellow;}　　4.滑鼠點擊時 a:active{color:blue;}　　5.在p標籤屬性為c2的後面加上內容　　p.c2:after{　　　　content:‘hello‘;　　　　color:red;　　}6.在p標籤屬性為c2的錢面加上內容　　p.c2:before{　　　　content:‘啦啦啦‘;　　　　color:red;　　}10.position的四種屬性　　1.static：預設位置　　2.fixed：完全脫離文檔流，固定定位(以可視視窗為參照物)　　3.relative:相對定位(參照的是自己本身的位置)，沒有脫離文檔流，沒有頂上去，會保持自己的位置不動。可以使用top left進行定位　　4.absolute:絕對位置：脫離了文檔流（參照的是按已定位的父級標籤定位，如果找不到會按body的去找）注意！！：將定位標籤設定為absolute，將他的父級標籤設定為定位標籤 （relative）11.float和position的區別　　float：半脫離文檔流　　position：全脫離文檔流12.z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。13.透明度：opacity:0.4;14.邊框弧度：border-radius: 50%;#圓15.去除列表前面的標誌：list-style:none;16.對齊上面和左邊最頂部：padding:0; margin:0;17.字型加粗樣式： font-weight: 900; 18.需要注意的幾個邏輯運算式的問題，下面的這個和js的&&，||用法是一樣的　　print(3 and 5) #兩個為真才為真　　print(0 and 3) #0是假就不判斷後面了，直接成假了　　print(0 or 3) #有一個為真就為真　　print(2 or 3) #2已經為真了那麼就不會去判斷後面了

 

CSS樣式之補充