css
yzl15504618689
这个作者很懒,什么都没留下…
展开
-
css选择器
1. 种类 a. id选择器 b. class选择器 c. 标签选择器 d. 后代选择器 div p (div下全部p) e. 子代选择器 div>p (亲子代) f. 分组选择器 div,p(所有div和p) g. 伪类选择器 a:hover(该元素加一个不是真实存在的类) h. 伪对象选择器 div::after(虚拟出一个对象,等于在该元素内部后...原创 2019-03-03 15:15:20 · 77 阅读 · 0 评论 -
position
1. static:默认 2. absolute:绝对定位 a. 特点:定位后空间释放,相对于最近一定为的祖先元素。 3. relative:相对定位 a. 特点:定位后空间不释放,相对于自己的初始位置。 4. fixed:固定定位 a. 特点:定位后空间释放,相对于浏览器。 5. sticky:吸顶效果 a.特点:空间释放,加滚动条之后该元素的位置不变。 ...原创 2019-03-03 15:16:50 · 75 阅读 · 1 评论 -
滚动条
1. body设置高。原创 2019-03-03 15:17:57 · 50 阅读 · 0 评论 -
display
1. Inline 2. Block 3. inline-block 4. table(垂直居中用过) 5. table-cell 6. flex(弹性盒模型)原创 2019-03-03 15:18:36 · 66 阅读 · 0 评论 -
float
原因:元素浮动之后脱离文档流。 清除浮动: 1. 父元素加高。 2. 父元素 overflow:hidden a. 缺陷:父元素溢出隐藏,如果父元素很小,例如导航的列表浮动,有二级菜单(溢出元素)可能会被隐藏。 3. clear:both 4. 封装函数 ...原创 2019-03-03 15:20:31 · 222 阅读 · 0 评论 -
css盒模型
1.标准盒模型 css属性width = content.width 2.怪异盒模型(在ie6及以下版本,不加doctype 表现为怪异) css属性width = content.width + padding + boder 3.转化 标准盒模型 <=> 怪异盒模型 box-sizing属性 content-box(默认)<=> border-box 用途:做移动端,占...原创 2019-03-03 15:21:59 · 82 阅读 · 0 评论 -
外边距合并
case1: 1.给父元素加个border边框: border:1px solid transparent 2.父元素加 overflow:hidden。 3.子元素或者父元素有浮动 4.子元素或者父元素有定位 case2:(一般不为了解决该问题,浮动或者定位) 1.浮动 2.定位 3.外边距设在一个元素上 4.设成内边距(无合并问题) 5.子元素外面套一个 overflow...原创 2019-03-03 15:22:44 · 75 阅读 · 0 评论