![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css学习笔记
文章平均质量分 69
css的学习笔记
cjn1997
这个作者很懒,什么都没留下…
展开
-
css重点掌握
一、布局1、盒模型外边距->边界->内部填充->内容;通常定义width和height是内容的宽高;2、定位(position)static: 默认的位置,正常的位置; relative: 相对其正常位置的定位; absolute: 相对最近的已定位的父元素,如果没有则相对于html; fixed: 相对于浏览器窗口是固定值; sticky: 依赖用户的滚动行为,当页面在目标区域时,相当于relative定位,当内容滚动超出目标区域时,相当于fixed定位;z原创 2021-04-08 15:55:51 · 83 阅读 · 0 评论 -
flex布局学习
参考博客语法篇:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html实例篇:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html一、flex布局的语法概览Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。flex容器有两条轴,主轴和交叉轴,二者垂直相交。1、flex容器的属性flex-direction:原创 2021-02-02 18:24:13 · 53 阅读 · 0 评论