![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS基础
文章平均质量分 83
youhebuke225
这个作者很懒,什么都没留下…
展开
-
元素在文档流中和非文档流中的特点
脱离文档流后的元素,变不再遵循文档流中的规则,浮动和定位他们各有一套自己的规则。脱离文档流有两种操作。原创 2022-09-27 09:22:13 · 258 阅读 · 0 评论 -
grid项目属性之grid-area&justify-self/align-self
grid-area。原创 2022-09-06 09:18:23 · 981 阅读 · 0 评论 -
grid布局之项目属性grid-column&grid-row
grid-row。原创 2022-09-04 11:52:36 · 2614 阅读 · 0 评论 -
grid布局之容器属性grid-auto-columns&grid-auto-rows
margin;padding;}ul{width;height;border;;color;text-align;;}{;repeat(,);repeat(,);gap;/* 用来设置多出来的项目的宽和高 */}原创 2022-09-02 18:17:34 · 635 阅读 · 0 评论 -
grid布局之容器属性justify-content与align-content
使用当前属性的时候,我们不要设置项目的大小,他会拉伸项目知道沾满空间。这个属于默认效果,整体从左上角开始排列。原创 2022-09-01 09:28:16 · 919 阅读 · 0 评论 -
gird布局之容器属性justify-items与align-items
他的意思是延申,最终沾满容器空间。原创 2022-08-30 13:32:55 · 1126 阅读 · 0 评论 -
css之gird布局的容器属性
这里会使用到使用的前提是,我们需要使用grid-area给子元素定义名称他一般适用于当分割成网格布局的时候,子元素比网格布局少,然后使用来在容器中摆放子元素的位置原创 2022-08-29 13:43:39 · 332 阅读 · 0 评论 -
height:100%与height:inherit的区别
结果MDN原创 2022-07-13 20:54:24 · 356 阅读 · 0 评论 -
CSS常用属性以及使用场景
CSS常用属性以及使用场景white-space原创 2020-05-28 19:16:36 · 377 阅读 · 0 评论 -
我所使用的reset.css
* { margin: 0; padding: 0;}body,html { width: 100%; height: 100%;}ul,ul li { list-style: none;}/* a 标签的默认样式,点击时的无样式 */a { text-decoration: none; outline: none; color: black; -webkit-tap-highlight-color: rgba(255, 0, 0, 0);}...原创 2020-06-02 00:07:11 · 335 阅读 · 0 评论 -
less基础知识总结
目录less学习笔记1. 预处理器及less注释2. 变量2.1 声明2.2 使用2.3 变量的延迟加载3. 嵌套规则4. 混合(Mixins)4.1 普通混合4.2 参数4.3 匹配模式4.4 arguments5. 运算6. 避免编译7. 继承less学习笔记1. 预处理器及less注释种类lessSassstylus使用 点击命令行浏览器端(注意引入文件的位置:代码的下面)注释以 // 开头的注释,不会被编译到css文件中以 /**/ 包裹的注释会被编译到css文件中原创 2020-05-29 20:27:59 · 3061 阅读 · 0 评论 -
flex响应式布局详解
align-item原创 2020-06-11 18:59:19 · 5426 阅读 · 1 评论