<<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>練習(xí)</title>
<style>
div{
width: 400px;
height: 500px;
background: red;
overflow: scroll;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
元素的層級(jí);
設(shè)置元素的層級(jí):z-index:值(數(shù)字)担映;必須先開(kāi)定位才能使用嘱蛋。
父元素的層級(jí)設(shè)置的再高也不會(huì)覆蓋子元素。
設(shè)置背景透明度opacity: 0 ; (0為透明 0.5半透明 1不透明)媒抠。
設(shè)置背景透明度 filter:alpha(opacity=50); (0透明 50半透明 100不透明)弟断。
把圖片設(shè)置為背景 background-image: url (圖片的位置路徑img/1.png);
當(dāng)圖片的像素小于設(shè)置的背景時(shí)會(huì)被默認(rèn)平鋪趴生。
background-repeat:no-repeat ; 不會(huì)被平鋪 repeat-x 水平平鋪 repeat-y 垂直平鋪阀趴。
設(shè)置背景圖片的起始位置background-position:center center(
組合位置一定是水平方向一個(gè)垂直方向一個(gè),只給一個(gè)值后面一個(gè)默認(rèn)為center)苍匆;
設(shè)置圖片具體位置background-position:100px 100px 也可跟詳細(xì)位置刘急。
設(shè)置固定不變的位置background-attachment : fixed;不會(huì)隨滾動(dòng)條滾動(dòng)锉桑。
不會(huì)隨滾動(dòng)條而移動(dòng)的一般我們?cè)O(shè)置為body
脫離文檔流就能成為塊元素
:link 沒(méi)有被使用的鏈接 :hover鼠標(biāo)移入時(shí) :active 鼠標(biāo)點(diǎn)擊過(guò)的鏈接排霉。
background默認(rèn)顏色透明色
表格 table來(lái)創(chuàng)建表格 tr代表一行td創(chuàng)建單元格;
colspan='2' 表示占橫向兩個(gè)單元格 rowspan='2' 表示占兩個(gè)豎向單元格 border=‘1’設(shè)置單元格邊框
邊框合并 border-spacing:0px; 調(diào)整單元格邊框之間的距離
border-clooapse:clooapse; 單元格的邊框?yàn)?px
th用來(lái)分辨表頭 用法和td 一樣效果會(huì)加粗變黑
nth-child(even) 偶數(shù)
thead 表頭 tbody表主體 tfoot表末尾
表格可以套表格table套table