03-03

Posted 2020-11-27 52580587zl

;

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键