![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
iimo
在做了在做了(进度0%)
展开
-
stylus常规用法之屏蔽浏览器广告(百度,csdn等)
核心思想就是拿到对应class/id来进行display: none !important百度// 我顺便优化了样式并去掉了新闻#content_right { display: none}#container { width: 100%; padding: 0 10%; box-sizing: border-box; overflow: hidden;}#container.sam_newgrid { margin: 0}#conten.原创 2021-01-06 18:44:13 · 484 阅读 · 0 评论 -
五彩斑斓的黑色方块
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> html, body{ --size: 100.原创 2020-12-21 13:20:54 · 334 阅读 · 0 评论 -
重温前端之css面试部分
盒子模型标准盒子模型width = contentIE盒子模型width = content + border + padding居中布局flex/* 方案1 */.out { display: flex; justify-content: center; align-items: center;}/* 方案2 */.out { display: flex;}.in { margin: auto;}transform.out { height原创 2020-09-07 11:05:49 · 126 阅读 · 0 评论 -
sass笔记
Sass1.变量: 声明变量:$xxxx : xxxx; 使用变量:xxx: $xxx; 反复声明变量后者覆盖前者。 !default 设定默认值 Css原生变量: 声明变量:—xxx : xxx; 使用变量:xxx : var(—xxx) 可使用第二参数作为默认值 允许拼接字符串:var(—xxx)’blue’2.嵌套规则#content{ artic...原创 2020-07-10 13:56:35 · 167 阅读 · 0 评论 -
几个简单的css动画
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .原创 2020-07-03 10:55:37 · 483 阅读 · 0 评论 -
css追悼之灰色滤镜效果-——html与body标签的坑及猜想
一.前言今天4月4日追悼会,敬所有抗疫战争的牺牲者。大部分网站都将颜色变为了灰色,这是如何实现的呢。二.思路1.首先想了mack遮罩,但看了看文档好像不对啊,遮罩后全局都变为不可点击了,并不是想要的效果。2.百度了一下,发现可以用filter来实现,于是就顺着做下去了,大概的代码是这样html{ filter:grayscale(1);}是的这就完了,只要在...原创 2020-04-04 13:24:27 · 541 阅读 · 0 评论 -
用css写一个简单的旋转立方体
1.html <div class="world"> <div id="cube" tabindex="0"> <div id="cube__front"></div> <div id="cube__back"></div> &...原创 2020-01-09 16:38:01 · 552 阅读 · 0 评论