CSS3
关注
分享
扫一扫
steamedbread321
菜鸟的web前端记录易错点
展开
-
css水波纹图
这里记录两种水波纹图。第一种代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #icon{ transform: rotate(6.5deg); color: transparent; } </style>原创 2021-01-19 14:25:21 · 374 阅读 · 0 评论 -
CSS中优先级
CSS中优先级内联>行内>id选择器>类选择器>标签选择器>通配符>继承样式>默认样式原创 2020-04-26 12:38:11 · 172 阅读 · 0 评论 -
关于外边距塌陷（外边距塌陷）的问题
关于外边距合并（外边距塌陷）的问题外边距合并的问题分为两大类：相邻块元素垂直外边距的合并以及嵌套块元素垂直外边距的合并## 相邻块元素垂直外边距的合并上面是原理图，反正简单的来说就是相邻垂直的时候上面的元素设置下边距的时候，下面的元素设置上边距的时候取最大的值（即大值取代小值并覆盖）嵌套块元素垂直外边距的合并出现的问题对于两个嵌套关系的块元素，如果父元素没有上内边距及边框 ，则父元...原创 2020-04-25 15:26:40 · 513 阅读 · 0 评论 -
弹性盒子经典布局——骰子布局
弹性盒子经典布局在下小白一枚，只是为了分享交流，有问题联系我修改把！众所周知弹性盒子是非常好用的一个东西，现在呢我展示一下弹性布局里面经典的布局——骰子布局。所用到的知识点有以下这一些：容器属性、项目属性一点布局：> ```> .box { > display: flex; > justify-content: center; > a...原创 2020-04-25 10:38:30 · 3113 阅读 · 0 评论 -
CSS轮播图的细节以及问题
CSS轮播图的细节以及问题本人小白不喜勿喷，有问题请大神指出来轮播图使用的CSS知识如下：1、动画2、ul li无序列表3、定位我先上代码 *{ margin: 0; padding: 0; } li{ list-style: none; float: left; } img{ width: 200px; hei...原创 2020-04-20 11:04:00 · 541 阅读 · 1 评论 -
CSS3-transform-scale影响其他元素问题
transform: scale(); 影响其他元素我们先来看下面的CSS代码（部分）width: 530px;height: 300px;background-color: aquamarine;transform: translate(100px,100px);transform: rotate(15deg); transform: scale(2,2); 在上面CSS代码...原创 2020-04-17 17:57:42 · 2331 阅读 · 1 评论