随笔分类 -  CSS/CSS3

修改滚动条样式
摘要：/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: .04rem; height: .02rem; } /* 滚动条的滑轨背景颜色 */ ::-webkit-scrollbar-track { background-color: #f 阅读全文
posted @ 2019-07-24 10:31 小小lomo 阅读(124) 评论(0) 推荐(0)
css超出多行隐藏
摘要：单行隐藏： 多行隐藏： 多行隐藏需要注意的一个地方是div的高度不能设置，让其自动3行隐藏即可。 阅读全文
posted @ 2019-05-05 17:34 小小lomo 阅读(8545) 评论(0) 推荐(0)
CSS图片宽度设置百分比 , 高度同宽度相同
摘要：在图片长宽不相等的情况下，想将长宽设置为相等并且自适应屏幕，可以通过 js 的方式进行设置并通过监听 resize 来实时更新，但是这种方式很麻烦。 这里通过 css 来达到我们想要的效果： 需要添加一个父元素来达到我们的目的。 或者: 我们在这里定义了一个伪元素并且将其 padding-top 设 阅读全文
posted @ 2019-03-31 15:43 小小lomo 阅读(4396) 评论(0) 推荐(1)
css3不定宽高水平垂直居中
摘要：1 justify-content:center;//子元素水平居中 2 align-items:center;//子元素垂直居中 3 display:-webkit-flex;在父级元素上面加上上面3句话，就可以实现子元素水平垂直居中。 阅读全文
posted @ 2018-07-20 09:48 小小lomo 阅读(297) 评论(0) 推荐(0)
45道CSS基础面试题（附答案）
摘要：1 、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2、 box-sizi 阅读全文
posted @ 2018-02-23 11:11 小小lomo 阅读(330) 评论(0) 推荐(0)
css禁止选中文字
摘要：很简单： 阅读全文
posted @ 2018-01-19 10:17 小小lomo 阅读(131) 评论(0) 推荐(0)
css/js禁止点击元素
摘要：css禁止点击页面元素，只需一句代码即可解决： 如果用js来控制的话那就是： 阅读全文
posted @ 2018-01-11 09:47 小小lomo 阅读(1346) 评论(0) 推荐(0)
class命名归类
摘要：常见class关键词： 布局类：header, footer, container, main, content, aside, page, section 包裹类：wrap, inner 区块类：region, block, box 结构类：hd, bd, ft, top, bottom, lef 阅读全文
posted @ 2018-01-09 15:56 小小lomo 阅读(119) 评论(0) 推荐(0)