第六章预习笔记
1:盒子模型由content(网页内容)border(边框)padding(内边框)margin(外边框)
2:外边框属性上(top)下(bottom)左left)右(right)
3:边框的属性:color,width ,style
4:border-top-coior.,border-tbottom-coior.,border-left-coior.,border-right-coior.
5::border-width的属性:border-top-width.,border-tbottom-width.,border-left-width.,border-right-width
6:border的属性:border-top-style.,border-tbottom-style.,border-left-style.,border-right-style
7:三者没有顺序:如果有则按照:width ,color,style
8:外边框的属性:margin-top,margin-left。margin-boottom.margin -right
9:内边距(上右下左):padding-left,padding-right、padding -top。padding-boottom
10:盒子模型内盒总尺寸=border(上下/左右)+padding(上下/左右)+内容宽/高
内盒的总尺寸=border+padding +margin +内容宽/高
外盒的总尺寸=border+padding +margin +margin+内容宽/高
11:box-sizing拯救布局:
语法:
box-sizing:content-box(border-box|inherit)
12:圆角边框:(给元素添加圆角效果,以及制作特殊图形)
boxder-adious.length{1,4}
13:box-shodow语法(给元素添加内。外外阴效果)
box-shodow :inset x-offest y-offest blur-radius color
14:border-style:
none hiddden:隐藏。无线
dootted:点线
dashed:虚线
soild:实线
double:双线
15:网页剧中的条件:
1>块元素
2>固定宽度