CSS
关注
分享
扫一扫
哎呀喂6
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于css3的弹性布局
css3引入的弹性布局可以对容器中的条目更方便地排序,对齐和分配空间；弹性布局可以在容器不确定长宽的情况下进行填充,且可以根据窗口的大小来进行自适应.在正常的布局中是区分行内元素和块级元素,他们的排列方式有所不同,而在弹性布局上是不需要考虑元素的排列顺序.弹性布局是对子元素有影响:<style>.content { border: 1px solid #ccc; box...原创 2018-06-04 17:22:07 · 755 阅读 · 0 评论 -
css最好的清除浮动方法
浮动就是让元素脱离了原本的文本流，按照浮动的指定方向进行移动，直到遇到了父级边界元素或者是相邻的浮动元素才会停下。浮动的元素会使得它的高度塌陷，进而影响到布局的正常显示。比如，在不清除浮动的情况下：.box1 { width: 200px; height: 100px; background-color: #e04993; float...原创 2018-06-26 09:48:55 · 443 阅读 · 1 评论 -
关于CSS3的animation动画效果
CSS3的动画效果是用@keyframes 规则来创建的,在@keyframes中写入要改变的css样式,就可以创建一个渐变过程的动画效果.以下为一个例子:.addsucc-tips { animation: change-tip 2s; //change-tip是需要做动画效果的css名称 -webkit-animation: change-tip 2s; ...原创 2018-06-20 16:05:34 · 308 阅读 · 0 评论 -
关于box-sizing布局
在讲box-sizing属性之前，我们讲一下盒子模型：css的盒子模型包括外边距(margin)、边框(padding)、内边距(padding)、元素内容(content)，如下图在页面上呈现的盒子的宽度和高度为：width = content + padding + borderheight = content + padding + border例如，我们设置一个di...原创 2018-08-07 16:36:45 · 415 阅读 · 0 评论 -
CSS画三角形原理
先看一段代码：<body><style> .triangle { width: 0; height: 0; border-style: solid; border-width: 100px 100px 100px 100px; border-color: red rebeccap...原创 2018-09-04 16:15:00 · 4476 阅读 · 1 评论