码迷,mamicode.com
首页 > 其他好文 > 详细

03-03

时间:2020-03-04 12:55:19      阅读:58      评论:0      收藏:0      [点我收藏+]

标签:出现   ctrl+v   auto   大小   左右   不可   ant   内联   type   

;

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键

03-03

标签:出现   ctrl+v   auto   大小   左右   不可   ant   内联   type   

原文地址:https://www.cnblogs.com/52580587zl/p/12408547.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!