![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
my_love_download
https://gitee.com/lh_code_store
展开
-
弹性布局实现两边固定中间自适应
记录两边固定中间自适应布局 html代码 <div class="all-box"> <div class="left"></div> <div class="center"></div> <div class="right"></div> <div> 弹性布局实现 <style> .all-box { display: flex; height: 200px; } .le原创 2021-12-15 16:39:00 · 1163 阅读 · 0 评论 -
css3之弹性布局
1.弹性布局之九宫格 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>弹性布局</title> <style> .container { display:flex; width:500px; height:auto; justi...原创 2019-12-30 16:46:50 · 111 阅读 · 0 评论 -
清除浮动的方式
实现方式 父容器添加伪元素 .clear-float:after{ clear:both; content:''; display:black; } 2.浮动元素的末尾添加div标签 .clear{ clear:both; } 3.父级元素添加overflow:hidden或者overflow:auto; .clear-float{ overflow: hidden;// auto...原创 2019-11-28 13:30:08 · 81 阅读 · 0 评论 -
CSS3复习之动画
在前端的开发过程中,一般在写CSS的时候,会需要使用到css的动画知识,本文主要是实现一个简单的魔方来对动画和3D进行一个复习: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <styl...原创 2019-11-08 20:03:06 · 112 阅读 · 0 评论 -
CSS3复习之常见的伪类和伪元素选择器
前端开发的过程,避免不了会写CSS,这个时候合适的使用伪类和伪元素选择器可以使得我们的代码更简洁易懂,本文主要记载常用的伪类和伪元素选择器和其用法: 一、伪类选择器 1.a:active--- 激活链接的时候触发 2.input:checked----勾选的<input/>元素(type = "radio"或者type = "checkbox") 3.input:disabled...原创 2019-11-07 19:06:51 · 446 阅读 · 0 评论 -
CSS之水平垂直居中
代码 <div class='page-not-find'> <h1 class='page-not-find-text'>404!页面不存在</h1> </div> 第一种水平垂直居中方式 <style> .page-not-find { width:300px; height:300px; display: fle...原创 2019-08-23 13:58:21 · 96 阅读 · 0 评论