css
yx1166
每天进步一点点
展开
-
css学习笔记(1)
在div的子标签中使用浮动属性,且没有对div定义高度,要想达到包含子标签的高度时,必须使用clearfix。例如<div class="search"> <div class="chart-right-gap"> 城市 </div> <div class="chart-right&quo原创 2018-07-17 21:19:54 · 151 阅读 · 0 评论 -
css学习笔记(一)css的使用方法
css使用方法有4种。行内样式、内部样式、外部样式、导入样式。行内样式,将属性写在标签内的形式。例如, <h2 style="color:blue">内部样式</h2>内部样式,将属性写在style标签内。例如,<head lang="en"> <meta charset="UTF-8">&原创 2018-08-14 22:06:51 · 287 阅读 · 0 评论 -
css学习笔记(position-static)常规定位/自然定位
定位的模式定位模式有5种。分别是static、absolute、relative、fixed、sticky。定位基础知识树形结构html页面中,最上级是祖先节点。比如,body可以看作祖先节点。平级是兄弟节点。比如,div与div,p与ul。上下级是父子节点。比如,body与div,div与ul。自然顺序如果我们没有人为干预,页面就按树形结构排序。块级元素垂直排序,行内...原创 2018-08-15 22:14:30 · 1011 阅读 · 0 评论 -
css学习笔记(position-relative)相对定位
相对定位特点原创 2018-08-15 22:17:07 · 279 阅读 · 0 评论 -
css学习笔记(position-absolute)绝对定位
绝对定位特点原创 2018-08-18 14:24:31 · 409 阅读 · 0 评论 -
css学习笔记(position-fixed)固定定位
固定定位的特点固定定位与绝对定位的区别绝对定位,相对于最近定位的祖先元素做参照系。固定定位,相对于视口做参照系。针对固定定位的特点,可以做用户滑动页面后依然能够看到视图的效果。类似于,网站右边有个公众号二维码,不管我们怎样滑动,它依然在视口的那个位置。...原创 2018-08-19 20:50:59 · 1613 阅读 · 0 评论 -
css学习笔记(position-sticky)吸附定位
position-sticky吸附定位,也叫磁铁定位、粘性定位。特点原创 2018-08-20 21:25:13 · 3552 阅读 · 0 评论