![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
rodgers VV
这个作者很懒,什么都没留下…
展开
-
元素的宽高问题
1.元素尺寸的相关概念 下面的内容会牵扯到各类包含“尺寸”字样的名词,为了大家在阅读的时候不产生困扰, 这里专门把相关概念梳理一下。 我们这里的各类“尺寸”命名和对应的盒子类型全部参考自 jQuery 中与尺寸相关 API 的名称。 • 元素尺寸:对应 jQuery 中的$().width()和$().height()方法,包括 padding 和 border,也就是元素的 border box...原创 2019-02-01 11:54:54 · 268 阅读 · 0 评论 -
Chrome的侧边滚动条样式修改
倒是支持-webkit-前缀的浏览器可以说说。例如,对于 Chrome 浏览器: • 整体部分,::-webkit-scrollbar; • 两端按钮,::-webkit-scrollbar-button; • 外层轨道,::-webkit-scrollbar-track; • 内层轨道,::-webkit-scrollbar-track-piece; • 滚动滑块,::-webkit-scro...原创 2019-02-02 13:48:06 · 1385 阅读 · 0 评论 -
文字一行居中,多行左对齐demo
<style> .nav { background-color: #cd0000; width:200px; text-align: center; padding:10px; } .nav-a{ backgrou...原创 2019-01-30 14:44:31 · 931 阅读 · 0 评论 -
最大高度动画
<style> .a{ max-height:0; background:red; overflow: hidden; transition: all linear 5s; } .b{ height:200px; ...原创 2019-01-31 09:53:30 · 198 阅读 · 0 评论 -
grid布局
grid布局属性: 创建一个grid容器: display:grid; grid-template: grid-template是grid-template-rows,grid-template-columns和grid-template-areas属性的缩写。 grid-template: <grid-template-rows> / <grid-template...原创 2019-03-27 23:27:27 · 565 阅读 · 0 评论