![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Sukyo_h
just do it~
展开
-
01、css清楚浮动的三种方案
方案一:添加空div实现效果:方案二:利用BFC实现效果:方案三:after伪元素,给浮动元素的父元素清除浮动效果入下:原创 2020-07-15 23:54:44 · 92 阅读 · 0 评论 -
css3动画学习小计
学习了一下css3的动画属性,进行一下相关知识的总结。主要涉及以下几个属性animation(动画) 用于设置动画,是一个简写的属性,包含6个属性 transtision(过度) 用于设置元素的样式过度,和animation有着类似的效果,细节上有很大不同 transform(变形) 元素进行 旋转rotate、扭曲skew、缩放scale和移动tra...原创 2020-02-11 20:27:49 · 412 阅读 · 0 评论 -
19种优化css和加快网站速度的方法
01. 使用简写比如 p { margin: 1px 2px 3px 4px; }02. 查找并删除未使用的 CSS删除不必要的部分 CSS,j显然会加快网页的加载速度。谷歌的Chrome浏览器有这种开箱即用的功能。只需转到查看>开发人员>开发人员工具,并在最近的版本中打开Sources选项卡,然后打开命令菜单。然后,选择Show Coverage,在Cover...原创 2019-12-03 09:27:20 · 324 阅读 · 0 评论 -
左中右布局的两种常用方法
1、float+absolute<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css&quo原创 2018-09-19 22:42:50 · 2124 阅读 · 0 评论 -
让DIV在页面中水平居中,垂直居中(非浮动状态)
HTML:<div style="width:100px;height:100px;border:1px solid red"></div>CSS:方法一div{ overflow: auto; margin: auto; position: absolute; ...原创 2018-10-01 18:13:26 · 8765 阅读 · 1 评论 -
固定容器宽度,内容宽度固定,自适应
一个宽度为400px的容器,里面的三个项目width分别为80px,120px,140px。分别对这项目1和项目2设置flex-grow值为3和1。原创 2018-11-18 17:00:03 · 931 阅读 · 0 评论