![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
菜鸭子
我回来了!!!
展开
-
display:none visibility:hidden的区别
我们先做一个简单的demo来实验一下:<body> <div class="main"> <div class="first"></div> <div class="second"></div> </div></body><style>...原创 2019-12-04 11:22:06 · 251 阅读 · 0 评论 -
css3属性 -webkit-filter用法
说明CSS滤镜属性,可以在元素呈现之前,为元素的渲染提供一些效果,如模糊、颜色转移之类的。滤镜常用于调整图像、背景、边框的渲染。语法-webkit-filter:none | blur(px) | brightness() | contrast() | grayscale() | hue-rotate(deg) | invert() | opacity() | saturate() | s...原创 2019-01-13 22:58:11 · 1286 阅读 · 0 评论 -
CSS3背景属性background-origin与background-clip区别与联系
CSS3 包含多个新的背景属性,它们提供了对背景更强大的控制。先来看看w3c对background-origin与background-clip的定义:background-origin 属性规定背景图片的定位区域。...原创 2019-05-20 00:11:37 · 858 阅读 · 0 评论 -
7种CSS实现垂直居中的方法总结
忽然发现自己已经有段时间没有好好的复习下CSS布局了,有点惭愧啊~于是打算总结一下关于CSS垂直居中的几种方法。设定行高(line-height)这种方式适用于单行的“行内元素”(inline、inline-block)。将line-height设成和高度一样的数值,内容中的行内元素就会垂直居中。因为是行高,会在行内元素的上下加上行高的1/2,所以就会垂直居中。添加伪元素如果...原创 2019-05-11 12:39:34 · 521 阅读 · 1 评论 -
行内元素默认间距的4种解决办法
相信很多小伙伴在页面布局上都碰到过行内元素之间存在默认的间隙的问题。其实这是因为行内块元素之间,浏览器会有一个默认的间距。如图:解决的办法有四种:1.html中将行内元素在同一行显示,不影响美观即可 <div class="main"> <!-- 在html中将行内元素在同一行显示,不影响美观即可 --> <div cla...原创 2019-05-12 12:47:23 · 3605 阅读 · 0 评论 -
Flex 布局教程:语法篇
最近在学习Flex 布局,觉得阮一峰老师的教程挺不错的~这个是阮一峰老师的教程,可以学习一下~http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html转载 2019-06-12 22:50:37 · 182 阅读 · 0 评论 -
【学习笔记】Flex布局
前几天看了阮一峰老师的关于Flex布局的文章,于是自己来总结一下下。Flex布局是指弹性布局,能够是盒子模型变得更加灵活。任何一个容器都可以指定为Flex布局。.box{ display: flex;}行内元素也可以指定为Flex布局 .box{ display: inline-flex; }要注意的是,Webkit内核的浏览器,必须加上-webkit前缀。...原创 2019-06-19 21:01:01 · 221 阅读 · 0 评论 -
【less笔记】css预处理器
今天抽空看了有关less的学习视频,学到了很多~下面是观看视频抄写的笔记大纲,也当做是我之后复习的内容吧什么是less?less 是一种动态样式语言,属于css预处理器的范畴,它扩展了css语言,增加了变量、Mixin、函数等特性,使css更易维护和扩展;less既可以在客户端运行,也可以借助Node.js在服务端运行。less中的注释以 // 开头的注释,不会被编译到css文件中...原创 2019-07-11 20:09:35 · 165 阅读 · 0 评论