2019年3月4日css第一天預習第二天課堂筆記

打開標尺：視圖/（ctrl測量：用輔助線將要選中區(qū)域進行選中，然后使用矩形選框進量。logo：新建圖層：ctrl將圖層并移動：Ctrl+alt+移更改單位與標尺：編輯/打開/關(guān)閉標尺ctrlalt測量：選中指針工具+一、cssCss屬性可以分為以下幾個重要部分： .para2color: 12pxfont-size屬性值小于最小字號會渲染最小字 font-size:每一個字體必須引號包裹，每一個字體用逗號隔開。 font-family: height:height:line-height:行高單位可以是像素也可以是百分號%font-size:font-size:line-height:屬性值可以使用單詞：bold(加粗normal(h系列默認值屬性值還可以使用數(shù)值：100-900不寫單位700（加粗）500 font-weight:屬性值：italic(傾斜<p>this<p>thisisa<pclass="italic">thisisa<pclass="oblique">thisisaFont:Font:/行高（px或者%）font:italicbold50px/200px 除了a之前默認值都是沒有下劃線1.under23}4.over56}A文字顏色和下劃線不能從祖先繼承。只能單獨給a設置 div2text-decoration:3color:4font-size: <ahref="">text-indent:text-indent: .box2width:3height:4background-color:5font-size:6margin:40px .box.para9/*font-size:font-size: //em112 Text-indent:2em;//還可以使用百分數(shù)%（相對于父盒子寬度的比值 .box2width:33height:4border:10pxsolid .boxh37font-size:8line-height:9text-indent://20%px500*2010<div一、cssWidth:盒子內(nèi)容寬度Height:盒子內(nèi)容高度Padding:內(nèi)邊距Margin:外邊距Border:邊框?qū)挾?width高度=widthpadding-left+padding-rightborder-leftborderheightpaddingtoppaddingbottomborder-topborder-=433+221620*2 .box高度=140+12* .box5width:5width:6height:7padding-left:8padding-top:9padding-right:padding-bottom:border:20pxdashedmargin-left:margin-top:14Width=padding*2border*2Height=padding*2-border*400px,300px50px20pxWidth=padding*2border*240010040260pxHeight=padding*2-border*230010040能夠渲染背景的區(qū)域：邊框以內(nèi)（padding能夠渲染背景 .box3width:4height:5padding:6border:20pxsolid7background-color:89background-image:1022 padding:20px30px40px padding:20px30px padding:20px單值法：上下左右 padding:一般在書寫時我們習慣先寫單值法，特殊值用單一屬性層疊掉。（注意書寫順序 .box64padding:5padding-left: Margin:10px20px30px40px;//1010Margin-margin:margin:margin-bottom:Border是復合屬性：1212Border：1pxsolidsolid實線dashed虛線dotteddouble雙線，取決于線寬。（3px才可以看到效果groove邊框凹槽效果 outset內(nèi)容區(qū)域突出效border-color:border-color:border-style:border-width:border-left:border-left:10pxgrooveborder-right:10pxridgeborder-top:10pxinsetborder-bottom:10pxoutset還可以將以上兩種方式結(jié)合：（先寫方向再寫類型 border-top-style: .box22width:3height:4border:50pxsolid5border-top-color:6border-bottom: table,tr,td2b