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 · 1261 阅读 · 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 · 155 阅读 · 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 · 146 阅读 · 0 评论 -
CSS3复习之动画
在前端的开发过程中,一般在写CSS的时候,会需要使用到css的动画知识,本文主要是实现一个简单的魔方来对动画和3D进行一个复习:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <styl...原创 2019-11-08 20:03:06 · 162 阅读 · 0 评论 -
CSS3复习之常见的伪类和伪元素选择器
前端开发的过程,避免不了会写CSS,这个时候合适的使用伪类和伪元素选择器可以使得我们的代码更简洁易懂,本文主要记载常用的伪类和伪元素选择器和其用法:一、伪类选择器1.a:active--- 激活链接的时候触发2.input:checked----勾选的<input/>元素(type = "radio"或者type = "checkbox") 3.input:disabled...原创 2019-11-07 19:06:51 · 510 阅读 · 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 · 145 阅读 · 0 评论