我也要用
CSS
angula_
学海无涯苦作舟
大四在校生，记录学习前端过程！积极总结分享！有前端的朋友一起学习呀
-
原创 解决align-items失效，无法居中问题
在做flex布局的时候，有时候你可能会遇到align-items失效的问题，那么下面来说一下css #main{ display: flex; justify-content: center; align-items: center; } #content{ width: 100px; height: 100px; background-color: #1890FF; }此时align-items失效，只能水平居中，.2020-08-29 17:17:39
3059
3
-
原创 最详细完整的flex弹性布局
初了解在学习弹性布局之前首先就要明白其概念flex 就是flexible box的缩写，意为弹性布局，用来为盒装模型提供最大的灵活性任何一个容器都可以指定为flex布局.box{ display: flex;}行内元素当然也可以使用flex布局.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}2020-08-12 00:13:25
4742
18
-
原创 CSS实现3D书本效果
话不多说，先来看一下效果图源代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style2020-06-10 14:41:57
3707
21
-
原创 当面试官问起CSS布局之水平垂直居中时~~
最近面试的时候，面试官问到了CSS水平垂直居中布局的方式，对于刚入前端没多久的我，无疑是一脸懵逼，闲了赶紧查阅资料分析一波，给各位分享一下，避免落坑。首先先说明一下html和一些基础css样式，下面就不再赘述！html<body> <div class="div1"> <div class="box size">垂直水平居中</div&g...2020-04-11 01:12:20
8686
81
-
原创 彻底弄懂CSS选择器以及优先级
CSS选择器优先级得关系为：内联>ID选择器>类选择器>标签选择器。浏览器中也具有优先级得算法，浏览器中得优先级是由A、B、C、D的值来决定的，计算规则如下：如果存在内联样式，那么A=1,否则A=0；B的值为ID选择器出现的次数C的值为类选择器和属性选择器和伪类出现的总次数D的值为标签选择器和伪元素出现的总次数css基本选择器标签选择器：匹配所有使用p标签...2020-04-05 01:28:22
921
34