随笔分类 -  css

css Flex布局
摘要：看完了阮老师的Flex布局教程，做下笔记。 一、Flex介绍 Flex即Flexible Box，意为弹性布局，用来为盒状模型提供最大的灵活性。 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（fl 阅读全文
posted @ 2019-02-16 23:33 码农1213 阅读(227) 评论(0) 推荐(0)
css 实现三栏布局的四种方式
摘要：三栏布局就是左中右，左右两边固定，中间自适应。 1. 绝对定位 2. flex 3. 双飞翼 4. 浮动 参考：https://segmentfault.com/a/1190000007729716 阅读全文
posted @ 2019-02-14 08:03 码农1213 阅读(458) 评论(0) 推荐(0)
css 选择器
摘要：1. 通用选择器 * 2.id选择器 3.class选择器 4.标签选择器 5.后代选择器 选择div后面的所有p元素 6.相邻选择器 只选择div后面的p元素 7.子元素选择器 选择div的所有子元素p，子元素外的不会被选中 8.~ 选择跟在div后面的所有兄弟p元素，p可以不紧跟div 9.属性 阅读全文
posted @ 2019-01-29 08:28 码农1213 阅读(207) 评论(0) 推荐(0)
css 实现垂直水平居中常用方法
摘要：html 基本样式 一、宽高不固定 1.display: flex 2.absolute + transform 3.absolute + margin: auto 4.display: table-cell 二、宽高固定 1.text-align + display: inline-block + 阅读全文
posted @ 2019-01-13 18:11 码农1213 阅读(188) 评论(0) 推荐(0)
css border实现三角形
摘要：实现过程： 正常的border 高度和宽度减小后的border 正常border表现为梯形，当box的高度和宽度减小至0时，border则为三角形 接下通过设置其他三个border的背景为透明则可以实现三角形 参考：https://www.cnblogs.com/youhong/p/6530575. 阅读全文
posted @ 2019-01-13 09:32 码农1213 阅读(1198) 评论(0) 推荐(0)
css 学习笔记
摘要：css 学习笔记text-indent: 2rem; //前面空两格letter-spacing: 3px; //字体的间隔word-spacing: 3px; //单词的间隔word-wrap: break-word; //单词过长自动换行word-break: break-all; //单词过长 阅读全文
posted @ 2018-10-14 15:05 码农1213 阅读(158) 评论(0) 推荐(0)
单选框和复选框的样式修改
摘要：html 2018 09 16 性别： 男 女 爱好： 读书 读书 读书 阅读全文
posted @ 2018-09-16 13:45 码农1213 阅读(1404) 评论(0) 推荐(0)