2019年3月4日css第一天预习第二天课堂笔记

打开标尺：视图/（ctrl测量：用辅助线将要选中区域进行选中，然后使用矩形选框进量。logo：新建图层：ctrl将图层并移动：Ctrl+alt+移更改单位与标尺：编辑/打开/关闭标尺ctrlalt测量：选中指针工具+一、cssCss属性可以分为以下几个重要部分： .para2color: 12pxfont-size属性值小于最小字号会渲染最小字 font-size:每一个字体必须引号包裹，每一个字体用逗号隔开。 font-family: height:height:line-height:行高单位可以是像素也可以是百分号%font-size:font-size:line-height:属性值可以使用单词：bold(加粗normal(h系列默认值属性值还可以使用数值：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;//还可以使用百分数%（相对于父盒子宽度的比值 .box2width:33height:4border:10pxsolid .boxh37font-size:8line-height:9text-indent://20%px500*2010<div一、cssWidth:盒子内容宽度Height:盒子内容高度Padding:内边距Margin:外边距Border:边框宽度=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能够渲染背景的区域：边框以内（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内容区域突出效border-color:border-color:border-style:border-width:border-left:border-left:10pxgrooveborder-right:10pxridgeborder-top:10pxinsetborder-bottom:10pxoutset还可以将以上两种方式结合：（先写方向再写类型 border-top-style: .box22width:3height:4border:50pxsolid5border-top-color:6border-bottom: table,tr,td2b