![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
一只皮皮璐
每天一块砖,想盖一栋房
展开
-
面试系列(一)常见的Css和HTML试题
面试全是套路,有些东西还是需要死背硬记的1.清除浮动(有时候需要手写).clearfix:after{ display:block; clear:both; content:''; visibility:hidden; height:0}.clearfix{ zoom:1}2. BFC BFC:就是单独的一块内容不管里面怎样渲染都不影响其外面的元素。 BFC形成条件: overflow:不是visible fl...原创 2020-08-26 16:51:14 · 267 阅读 · 0 评论 -
如何从谷歌上搜索
https://blog.csdn.net/weixin_43606158/article/details/100531733转载自这篇文章,如果可以用谷歌,很厉害朋友们在开发过程中肯定会遇到没遇到过的东西需要去查资料啊,查各种资源等等,有很多种方法,比如:google,bing,baidu,CSDN,思否,掘金,简书,博客园,知乎等等等等太多了,笔者不一一述说,但是可能会浪费掉很多无用的...转载 2019-09-17 16:42:21 · 1818 阅读 · 0 评论 -
line-height的那些事
这篇文章的主要目的是扫盲line-height(行高)属性之前我对于line-height属性使用最多的次数是用来写单行垂直居中的。line-height的属性值默认值是normal,还支持数值、百分比以及长度值。normal的值是一个变量,和font-family的值息息相关,font-family 的值不同,normal的值也不同。并且不同的系统不同的浏览器默认值的值也会不同。...原创 2019-04-15 14:18:35 · 125 阅读 · 0 评论 -
vertical-align的那些事
写在前面的话:用来指定行内元素和表格单元格元素的垂直对齐方式(不能用他垂直对齐块级元素)作用在 display 计算值为 inline、inline- block,inline-table或table-cell的元素上属性值属性值分为4类:线类:baseline(默认值,兼容ie6\ie7)、top、middle、bottom文本类:text-box、text-bottom(基线...原创 2019-04-17 16:19:04 · 105 阅读 · 0 评论 -
css写蚂蚁行军边框
话不多说,直接上效果图是不是看着很6,接下来,就上代码为了代码的简洁,使用到了sass预处理器<div class='marching-ants'></div>@keyframes ants { to { background-position: 100% } } .marching-ants { margin-top: 20...原创 2019-03-27 11:25:20 · 345 阅读 · 0 评论 -
css中的@规则 (at-tule)
概念一个at-rule就是一个CSS语句,以 @开头,后接 标识符,最后以 ;结束大家或多或少得都用过@规则,可能对这个概念有些陌生。常用的@rule规则@charset用于定义样式表中使用的字符编码,他必须写在样式表的最开头且前面不能有别的字符。/* @charset "<charset>"; */@charset "UTF-8" ;@impo...转载 2019-03-14 14:19:32 · 307 阅读 · 0 评论 -
sass基本用法(浅谈sass系列二)
这一篇主要是接着上一篇接着说sass,这一篇主要说说sass的基本用法。变量sass允许使用变量,所有的变量以$开头。如果变量需要镶嵌在字符串中,需要放在#{}中。//使用变量$blue : #1875e7; div { color : $blue; }//字符串中使用变量$side : left; .rounded { border-#{$side...原创 2019-03-07 10:25:14 · 260 阅读 · 0 评论 -
css预处理器sass安装(浅谈sass系列一)
概念:什么是预处理器css预处理器就是将css这个语言变成像js一样有变量、有函数的一种工具,目的就是让代码更加灵活,更加DRY。是不是突然发现这个预处理器还挺重要的,但是我们不能为了用预处理器而用预处理器。预处理器的弊端:css的文件体积和复杂度不可控、调试难度增加、成本。安装:安装sass说明:为什么要使用sass呐,因为他是最成熟最好用滴。普通安装SASS是Ruby语言写的,但...原创 2019-03-06 10:03:02 · 729 阅读 · 0 评论 -
有趣的 box-decoration-break
这里要转载一篇很牛逼得文章,因为博主整理得nice,所以就直接贴地址https://www.cnblogs.com/coco1s/p/10448787.html?tdsourcetag=s_pctim_aiomsg转载 2019-02-28 10:55:41 · 104 阅读 · 0 评论 -
你所不知道的background
今天要说说css中background这个属性里面的大学问。曾经以为只要会写背景色,设置的了背景图片就是会用backgroung,今天啃书的过程中才发现还差的远呐。读本篇博客的你是不是和我的想法一样呐。那就认真的读读下面的文章吧。啊哈哈哈!在一个声明中设置所有的背景属性:body { background: #00FF00 url(bgimage.gif) no-repeat...原创 2019-02-27 22:51:53 · 265 阅读 · 0 评论 -
垂直居中的12种方法
看到一个博主整理的垂直居中用到的12种方法https://juejin.im/post/5a5ca65a6fb9a01ca3254537先记在这里,之后再整理转载 2019-02-27 17:15:44 · 108 阅读 · 0 评论