![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
文章平均质量分 50
陶瓷小兔
所谓门槛,过去了就是门,没过去,就成了槛
展开
-
html里面修改title样式
html里面修改title样式转载 2022-08-21 18:32:13 · 4616 阅读 · 0 评论 -
自定义滚动条css样式
自定义滚动条css样式原创 2022-08-02 17:07:37 · 206 阅读 · 0 评论 -
flex布局常用样式
//flex容器默认存在两根轴:水平的主轴(mainaxis)和垂直的交叉轴(crossaxis)//flex左对齐顶对齐.flex{display:flex;//align-items:flex-start;//项目在交叉轴上如何对齐justify-content:flex-start;//项目在主轴上的对齐方式}//flex左右居中,上下居中.flexCenter{display:flex;//al...转载 2021-05-22 13:50:57 · 500 阅读 · 0 评论 -
Flexbox实现元素的水平居中和垂直居中
水平居中水平居中最为简单我们直接来看下代码1.单个元素水平居中CSS3 Flexbox轻松实现元素的水平居中和垂直居中CSS代码 .box { display: flex; justify-content: center; background: #0099cc }h1{ font-size:0.5rem;}HTML代码<div class="bo...原创 2020-06-12 12:18:41 · 832 阅读 · 0 评论 -
前端精选文摘:BFC 神奇背后的原理
BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么? 在解释 BFC 是什么之前,转载 2017-05-24 12:24:27 · 82 阅读 · 0 评论 -
css3动画-animation属性
在开始介绍Animation之前我们有必要先来了解一个特殊的东西,那就是"Keyframes",我们把他叫做“关键帧”,玩过flash的朋友可能对这个东西并不会陌生。下面我们就一起来看看这个“Keyframes”是什么东西。前面我们在使用transition制作一个简单的transition效果时,我们包括了初始属性和最终属性,一个开始执行动作时间和一个延续动作时间以及动作的变换速率,其实这些值都转载 2017-05-25 20:38:05 · 211 阅读 · 0 评论 -
前端常见布局方式实现
写在前面由于知识有限,有的内容可能有点小错误什么的,仅供参考参考,欢迎大佬们指正,小花在这里谢过~小贴士(to freshman):给每个块都加上颜色,更好辨识。关于代码:这里给出的都是css部分,html部分用最常规的结构就好啦1. 水平居中方法一:margin:0 auto; (最常用的居中布局方式)方法二:tex转载 2017-05-17 15:28:51 · 131 阅读 · 0 评论 -
css3 box-sizing属性
box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。content-box,border和padding不计算入width之内padding-box,padding计算入width内border-box,border和padding计算入width之内,其实就是怪异模式了~ ie8转载 2017-05-17 15:30:04 · 87 阅读 · 0 评论 -
CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
css3的强大,让人惊叹,今天我们就来“前瞻”一下CSS3的一个伪类选择器“:nth-child()”实现奇偶行显示不同样式,具体的详细示例可以参考下文,希望对大家有所帮助css3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器转载 2017-05-19 10:00:54 · 188 阅读 · 0 评论