盒子表格與菜單
盒子 div標(biāo)簽,可以理解為集裝箱,可直接調(diào)高和寬。 間距:padding左:x,x 內(nèi)邊距 top:上 left左 right右 margin-上下左右:外間距,需先寫(xiě)一個(gè)margin在調(diào)上下左右 寫(xiě)了上下左右為盒子與盒子的距離 可寫(xiě)auto自動(dòng) 居中:margin:0px auto 浮動(dòng):float:上下左右(浮動(dòng)時(shí)margin失效) transition:轉(zhuǎn)場(chǎng),里面填時(shí)間和linear線性 overflow:hidden隱藏 background-color:transparent背景透明 離譜東西:調(diào)位置時(shí)記住是yx,而且左右相反上下相反。 需先用float確定位置在調(diào)整。 盒子顏色:border-width:1px; border-style:solid;border-color:red; 定位,分相對(duì)定位與決對(duì)定位 相對(duì)于瀏覽器是不動(dòng)的position:fixed; 絕對(duì)定位的定位點(diǎn)position:relative 絕對(duì)定位可以將東西定位在相對(duì)定位上 position:absolute; top:;bottom:;left:;right:; 負(fù)責(zé)位置 button標(biāo)簽:菜單 cursor:crosshair;改變光標(biāo)類型 display:none隱藏,display:block;設(shè)置為塊狀元素 box-shadow:0px,0px,0px,0px陰影 rgba(紅,綠,藍(lán),透明度) background:rgba(0,0,0,0.7) .a:hover .b{ display:block } 表格 表格:table(標(biāo)簽) 表格邊框默認(rèn)為0px border=‘Xpx’ cellspacing=‘Xpx’單元格格子的間距(寬) cellpadding=‘’(間距)高 height=‘’高 width=‘’寬 標(biāo)簽順序?yàn)楸砀瘢?,列(字),?列…… 行:row(標(biāo)簽為tr) 列:td colspan=‘x’(x為合并數(shù))align=‘right’ 使合并后文字在右 rowspan=‘x’上往下合并 表頭:th(默認(rèn)加粗和居中) stye=‘background-color:xx’表格的顏色顏色 (bgcolor) bordercolor=‘邊框顏色’ solid實(shí)線 dashed虛線 填border里 del標(biāo)簽字體中間的線 ins標(biāo)簽下劃線 pre標(biāo)簽(預(yù)格式)