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 · 605 阅读 · 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 · 386 阅读 · 0 评论 -
重温前端之css面试部分
盒子模型 标准盒子模型 width = content IE盒子模型 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 · 153 阅读 · 0 评论 -
sass笔记
Sass 1.变量： 声明变量：$xxxx : xxxx; 使用变量：xxx: $xxx; 反复声明变量后者覆盖前者。 !default 设定默认值 Css原生变量： 声明变量：—xxx : xxx; 使用变量：xxx : var(—xxx) 可使用第二参数作为默认值 允许拼接字符串：var(—xxx)’blue’ 2.嵌套规则 #content{ artic...原创 2020-07-10 13:56:35 · 191 阅读 · 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 · 515 阅读 · 0 评论 -
css追悼之灰色滤镜效果-——html与body标签的坑及猜想
一.前言 今天4月4日追悼会，敬所有抗疫战争的牺牲者。 大部分网站都将颜色变为了灰色，这是如何实现的呢。 二.思路 1.首先想了mack遮罩，但看了看文档好像不对啊，遮罩后全局都变为不可点击了，并不是想要的效果。 2.百度了一下，发现可以用filter来实现，于是就顺着做下去了，大概的代码是这样 html{ filter:grayscale(1); } 是的这就完了，只要在...原创 2020-04-04 13:24:27 · 603 阅读 · 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 · 608 阅读 · 0 评论