03-03

;

03-03
CSS属性继承:
不可继承的:display、margin、border、padding、background、height、min-height、max- height、
min-width、max-width、overflow
所有元素可继承:visibility和cursor。
内联元素可继承:letter-spacing、word-spacing、line-height、color、
font、 font-family、font-size、font-style、font-variant
块状元素可继承:text-indent和text-align
列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。
表格元素可继承:border-collapse
盒模型:盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。
css定义所有的元素都可以拥有像盒子一样的外形和平面空间.
盒模型的组成:内容区、补白/填充、边框、边界/外边距。
外边距(margin):改变元素外边的间距,margin在元素外围,不会撑大元素的大小
margin:值; 值与值之间用空格隔开。
一个值改变上下左右四个方向;
两个值:第一个改变上下,第二个改变左右;
三个值:第一个改变上,第二个改变左右,第三个改变下;
四个值:第一个改变上,第二个改变右,第三个改变下,第四个改变左。
(顺时针方向变化)
作用:控制元素与元素之间的间距。
给单一方向添加margin
margin-left/right/top/bottom 上/下/左/右
内边距(padding):改变元素与内容的间距,padding会把盒子撑大。
如果想让盒子保持原有的大小:在宽高基础上减掉。
( 如果一个元素是被内容撑开的,没有设置固定的宽高,padding直接撑开。不用减掉 )
padding:值; 值与值之间用空格隔开。
一个值改变上下左右四个方向;
两个值:第一个改变上下,第二个改变左右;
三个值:第一个改变上,第二个改变左右,第三个改变下;
四个值:第一个改变上,第二个改变右,第三个改变下,第四个改变左。
(顺时针方向变化)
给单一方向添加padding
padding-top/bottom/left/right 上/下/左/右

注意:外边距有负值,内边距无负值。
padding不会对背景图的位置造成影响
margin常出现的BUG
1、两个相邻元素上下的margin值不会叠加按照较大值设置。
2、嵌套关系的元素,子元素的上外边距和父元素的上外边距
盒模型占位大小计算:
W=width+左右边框+左右内边距+左右外边距
H=height+上下边框+上下内边距+上下外边距
版心是页面的内容显示区域
有具体宽度 width;
左右居中 margin:auto;
切图方式:
矩形选框工具选中==>ctrl+c==>ctrl+n==>Ctrl+v==>ctrl+shift+alt+s储存

多列列表超链接的公式 : li*8>a{内容}Tab键

猜你喜欢

转载自www.cnblogs.com/52580587zl/p/12408547.html