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