随笔分类 -  CSS

层叠样式表
摘要:sCSS3 被拆分为"模块"。旧规范已拆分成小块,还增加了新的。 一些最重要 CSS3 模块如下: 选择器 CSS3框大小 也就是display: flex;和他的朋友们!最好的两个朋友应该是justify-content和align-items 使用 CSS3 box-sizing 属性 CSS3 阅读全文
posted @ 2021-07-10 11:37 lvhanghmm 阅读(54) 评论(0) 推荐(0) 编辑
摘要:Flex 布局教程:语法篇 Flex 布局示例 .box { flex-direction: row 【横向,这个也是默认的方向!】| row-reverse【横向,元素倒序排列】 | column【纵向排列元素】 | column-reverse【纵向倒序排列元素】 } 未添加flex代码 示例代 阅读全文
posted @ 2021-07-08 23:45 lvhanghmm 阅读(744) 评论(0) 推荐(0) 编辑
摘要:用CSS制做一个三角形! <style> .outer { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid #ccc; border-top: 10px solid transpar 阅读全文
posted @ 2020-12-09 15:20 lvhanghmm 阅读(75) 评论(0) 推荐(0) 编辑
摘要:让元素居中的方法! 水平居中(行内元素) 01 text-align: center 【在你需要居中的元素的父元素中添加这个属性即可!】 <style> .outer { text-align: center; } </style> </head> <body> <div class="outer" 阅读全文
posted @ 2020-12-09 14:26 lvhanghmm 阅读(139) 评论(0) 推荐(0) 编辑