![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 148 阅读 · 0 评论 -
css学习笔记(一)css的使用方法
css使用方法 有4种。行内样式、内部样式、外部样式、导入样式。 行内样式,将属性写在标签内的形式。例如, <h2 style="color:blue">内部样式</h2> 内部样式,将属性写在style标签内。例如, <head lang="en"> <meta charset="UTF-8"> &原创 2018-08-14 22:06:51 · 283 阅读 · 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 · 1007 阅读 · 0 评论 -
css学习笔记(position-relative)相对定位
相对定位特点原创 2018-08-15 22:17:07 · 278 阅读 · 0 评论 -
css学习笔记(position-absolute)绝对定位
绝对定位特点原创 2018-08-18 14:24:31 · 408 阅读 · 0 评论 -
css学习笔记(position-fixed)固定定位
固定定位的特点 固定定位与绝对定位的区别 绝对定位,相对于最近定位的祖先元素做参照系。固定定位,相对于视口做参照系。针对固定定位的特点,可以做用户滑动页面后依然能够看到视图的效果。类似于,网站右边有个公众号二维码,不管我们怎样滑动,它依然在视口的那个位置。...原创 2018-08-19 20:50:59 · 1607 阅读 · 0 评论 -
css学习笔记(position-sticky)吸附定位
position-sticky 吸附定位,也叫磁铁定位、粘性定位。 特点原创 2018-08-20 21:25:13 · 3547 阅读 · 0 评论