随笔分类 - CSS
修改默认滚动条样式
摘要：*::-webkit-scrollbar { width: 12px; height: 12px; } *::-webkit-scrollbar-button { width: 0px; height: 0px; display: none; } *::-webkit-scrollbar-corne
自定义一个多选框样式
摘要：<!-- html部分 --> <label class="remember-pwd-checkbox"> <input type="checkbox" v-model="isRememberPwd"> <div class="show-box" :style="{'background':`${c
修改原生input中type为checkbox的样式
摘要：.clear-input{ // 去除input的原生样式 border: 0px; background-color: none; outline: none; } .clear-input:focus{ // 去除input原生样式 outline: none; } input{ // 修改默认
CSS优先级
摘要：权值的计算： 权值等级划分， 一般来说是划分4个等级： 第一等级：代表 内联样式，如 style=""，权值为 1,0,0,0； 第二等级：代表 ID选择器，如 #id="", 权值为 0,1,0,0； 第三等级：代表 calss | 伪类 | 属性 选择器，如 .class | :hover,:l
inline ， block， inline-block的区别
摘要：1.解释一下display的几个常用的属性值，inline ， block， inline-block inline: 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由内容撑开. 可以使用padding，marg
伪类与伪元素的由来及区别
摘要：一、什么是伪类和伪元素 伪类一开始单单只是用来表示一些元素的动态状态，典型的就是链接的各个状态(LVHA)。随后CSS2标准扩展了其概念范围，使其成为了所有逻辑上存在但在文档树中却无须标识的“幽灵”分类。 伪元素则代表了某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。 二、
height和line-height的区别
摘要：height：表示这个块级元素或行内元素的高度，比如img的高度、div的高度等。 line-height：类似word里的行高，是指文本行基线间的垂直距离。 font-size：同一行顶线和底线之间的距离，表示文本的大小，这个大小的高度尽量不要超过 line-height 的高度，如果超过了将会导
CSS进阶
摘要：第一章 基础知识 1、CSS单位：绝对单位：一般用于印刷 相对单位：px像素、%百分比、em当前元素字体大小、rem根元素字体大小//根元素是指html里的font-size /*所有浏览器默认的font-size都是16px，1em默认=16px ，但是如果在CSS中提前声明body{font-s
CSS基础
摘要：一、引入方式 二、CSS选择器 三、字体样式 四、文本样式 五、边框样式 六、列表样式 七、表格样式 八、图片样式 九、背景样式 十、超链接样式 十一、盒子模型 十二、布局
