
css3
文章平均质量分 50
海绵泡泡
专注前端,努力为大家带来优质内容的海绵泡泡。
展开
-
box-sizing导致的文本不垂直居中问题
box-sizingcontent-box 是默认值。如果你设置一个元素width:100px,那么这个元素的内容区会有100px 宽,并且任何边框和padding的宽度都会被增加到最后绘制出来的元素宽度中,所以元素的总高度会大于100px。border-box 告诉浏览器:你想要设置的边框和padding的值是包含在width内的。也就是说,如果你将一个元素的width设为100px,那么这100px会包含它的border和padding,内容区的实际宽度是width减去(border + pad原创 2021-11-02 10:58:18 · 505 阅读 · 1 评论 -
CSS选择符大全,你学会了吗
1. * test这个是最常见的通配符,表示匹配所用东西。最常用的示例 * { margin: 0; padding: 0; }表示取消所有元素的margin和padding 2. # testid选择器, 配合id使用。使用时要注意id的唯一性。示例<div id='test'> <div/><style> #test{ border: 1px solid red}</style/&原创 2021-07-15 10:14:24 · 413 阅读 · 0 评论 -
css中top和bottom同时为0有什么用
前言一个绝对定位的元素,一般上下、左右都只指定一个。那么同时指明top和bottom,有什么用呢。作用如果没有其他属性影响(没有指明height),那么这个元素会拉伸顶部和底部去满足top和bottom都为0的状态。其实设置bottom: 0; top: 0; 和 设置height:100% 差不多,都是自适应高度。不过如果同时又设置了高度,那么bottom属性将会被忽略。同理。right和left也是这样。有什么应用呢隐藏滚动条,有时候内容太长会出现滚动条,可以将它隐藏.outer原创 2021-05-19 11:51:01 · 4268 阅读 · 0 评论 -
CSS3实现3D球体运动
@CSS3实现3D球体运动实现思路本案例主要实现两个功能:鼠标拖拽使球体旋转;鼠标轮滚动进入球体内部;核心:球体形成思路html <div class="stage"> <div class="unit"> //<div class=".ball"> 组成球体的一个个小长方形 </div> </div&...原创 2019-08-10 19:34:07 · 2600 阅读 · 0 评论