![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 82
如风似我
这个作者很懒,什么都没留下…
展开
-
内圆角的实现样式--类似优惠券
以上是设计图。 以下是对应的css. .box-contain{ width: 650px; height: 1009px; color: #FFF; font-size: 24px; text-align: center; line-height: 60px; background-color: #FFF; position: relative; z-index: 100; margin: auto; z-index: 100; border-radius: 20px;...原创 2021-08-30 11:53:56 · 153 阅读 · 0 评论 -
css--画一个背景白色渐变半透明的按钮
.ready-btn { position: fixed; bottom: 0; height: 0.48rem; text-align: center; width: 100%; line-height: 0.48rem; font-family: "PingFangSC-Medium"; font-size: 0.16rem; ...原创 2018-03-22 16:50:38 · 5220 阅读 · 0 评论 -
《css世界》学习笔记 一
文字少的时候,居中展示;文字多的时候,居左展示; 核心 CSS 代码如下: .box { text-align: center; } .content { display: inline-block; text-align: left; }原创 2019-01-24 11:54:19 · 222 阅读 · 0 评论 -
《css世界》学习笔记 二
一、height:100%无效。 现在存在一个问题,就是当父级元素没有设置具体高度的时候,height:100%会失效。 有一种看似合理的说法:如果父元素 height:auto 子元素还支持 height:100%,则 父元素的高度很容易陷入死循环,高度无限。例如,一个<div>元素里面有一张 vertical-align 为 bottom 同时高度为 192 像素的图片,此时,...原创 2019-02-16 11:26:39 · 164 阅读 · 0 评论 -
《css世界》学习笔记 三 之盒尺寸四大家族
一、盒尺寸种的4个盒子 content box\padding box \border box 和 margin box 分别对应css世界种的content,padding ,border和margin属性。这4个属性被其称之为 “盒尺寸四大家族” 二、深入了解content 2.1 content与替换元素 2.1.1 什么是替换元素 替换元素 可以说是css世界中的另外一个派系...原创 2019-02-25 13:54:22 · 175 阅读 · 0 评论