前端黑科技-Ghost CSS 一种高效的DIV审查工具

最新推荐文章于 2022-11-28 15:06:49 发布

努力推石头的西西弗斯

最新推荐文章于 2022-11-28 15:06:49 发布

阅读量592

点赞数

分类专栏：杂谈文章标签： css javascript js css3 html

本文链接：https://blog.csdn.net/qq1620657419/article/details/106434592

版权

杂谈专栏收录该内容

29 篇文章 2 订阅

订阅专栏

Ghost CSS

Ghost CSS 就一个看DIV盒子大小神器。其实就是一段给div设置css属性的js脚本。

将以下代码加入书签

javascript:(function(){document.body.innerHTML+=%22*{background:%20#000%20!important;color:%20#0f0%20!important;outline:%20solid%20#f00%201px%20!important;}%22;})();

使用流程如下

淘宝首页

点击书签

使用Ghost CSS后的淘宝首页

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

努力推石头的西西弗斯

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

CSS笔记——千锋Ghost老师_2019前端入门

http____的博客

12-01

1536

B站千锋教育CSS基础语法CSS样式的引入方式CSS中的颜色表示法CSS背景样式CSS边框样式CSS文字样式CSS段落样式CSS复合样式CSS选择器CSS样式继承CSS优先级CSS盒子模型标签分类显示框类型标签嵌套规范overflow溢出隐藏透明度与手势最大、最小宽高CSS默认样式CSS reset（重置样式）float浮动position定位CSS添加省略号CSS圆角设置：border-radius CSS基础语法格式：选择器{属性1: 值1; 属性2: 值2; …} 属性： • width、he

手把手用 CSS 绘制一个忽闪忽闪的可爱小幽灵

最新发布

小王的技术库

12-01

367

为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。

参与评论您还未登录，请先登录后发表或查看评论

css-ghost-buttons:一组灵感来自真实世界示例的幽灵按钮

07-13

CSS 幽灵按钮一组灵感来自现实世界示例的幽灵按钮。源代码是免费和开源的。演示查看以查看操作中的幽灵按钮。该演示展示了受现实世界示例启发的八个幽灵按钮变体。如何使用下载，然后将适当的样式规则复制并粘贴到项目的 CSS 中。根据需要进行修改以获得您想要的外观和过渡效果。关于这是的演示页面。这是由 Jacob Gube 创建的。源文件是发布到公共领域的免费且不受阻碍的软件；阅读文件以获取更多详细信息。

css布局异常查找神器 GhostPage扩展插件

白豆的微博

02-08

585

使用Chrome浏览器，那么可以试试这个GhostPage扩展。写页面的时候右边时不时会出现空白每次都找好久才知道是那个盒子出现内容超出宽度这个插件安装好后打开页面点击这个插件页可以了方便好用是在知乎上找到的解决办法 https://www.zhihu.com/question/34833105

自动切片生成html,关联自动切片生成DivCss软件(编程开发设计助手)V4.1 最新版

weixin_42162978的博客

05-31

217

关联自动切片生成DivCss软件(编程开发设计助手)是一款很优秀好用的为程序员们推出的编程开发的辅助工具。如果你需要一款好用的编程工具，不妨试试小编带来的这款关联自动切片生成DivCss软件，功能强大全面，使用后可以帮助用户更轻松便捷的进行编程开发操作。软件可以为用户提供多项网页编程设计功能，包括视频代码、表单、网页控件、JAVASCRIPT验证等，极大的提高了设计人员的开发效率，非常不错。有需要...

ghost-Ghost-Ghost

11-07

ghost-Ghost-Ghost

Wired-Radio-Ghost-Theme:wireradio.co.uk 的主题

07-01

gatsby-starter-ghost：用于通过Ghost＆Gatsby构建闪电般快速网站的入门模板

02-16

现在，您有了一个Gatsby网站，从无头的Ghost提取内容。 gatsby develop 默认情况下，启动程序将从位于的默认Ghost安装中填充内容。要使用自己的安装，您将需要使用凭据编辑.ghost.json配置文件。将apiUrl值...

gatsby-theme-try-ghost:Gatsby主题，从无头的Ghost CMS构建快速发展的博客

05-02

盖茨比主题尝试鬼一个Gatsby主题插件，用于从无头的创建博客。将您的Ghost博客变成一个快速发展的静态网站。这个盖茨比主题是具有标准Ghost Casper外观和功能的Ghost车把引擎的...gatsby-theme-ghost-dark-mode

Ghost-CLI：用于安装和更新Ghost的CLI工具

01-30

npm install -g ghost-cli@latest ghost install （用于生产Linux设置，包括Nginx，SSL和Systemd） ghost install local在本地安装（对于本地设置，对于主题开发/测试很有用）注意：此CLI不适用于任何<1.0.0的...

css的一些实用属性汇总

ghost的博客

11-30

129

使用swiper滑动插件的时候切记不要隐藏隐藏的不会加载div autocomplete="new-password" form表单中存在input标签中的记录账号密码可以用此方式去除 position：relative 相对于自己定位，搭配absolute绝对定位使用比如字标签使用absolute定位bottom：0 则相对上级则搭配relative定位使用 vertical-align：垂直对齐方式，top、middle、bottom text-shadow: 虚影属性，text-shad

vue-draggable学习和使用

weixin_43878117的博客

10-29

2363

# vue-draggable 学习和使用

Ghost配置6——首页太阳系动画效果

weixin_34232744的博客

02-22

161

最近在逛知乎时，意外发现了一组CSS效果，其中一个太阳系运行的动画吸引了我。于是我决定把这个效果加到个人博客的首页头部中来。修改首页首页对应的文件是index.hbs，找到其中的header内容，并修改为： <header class="site-header outer"> <div class='sola...

div在不固定高度的情况下垂直或者水平居中

deng8406280673979的博客

11-22

579

方法一：用一个“ghost”伪元素（看不见的伪元素）和 inline-block / vertical-align 可以搞定居中，非常巧妙。但是这个方法要求待居中的元素是 inline-block，不是一个真正通用的方案。 html如下： <div class="block" style="height: 300px;"> <div class...

css-浮动属性

weixin_45607215的博客

11-28

144

选择器{float:属性值}浮动的作用：让竖的东西横着来放。（通俗易懂）

HTML标签检查工具

fendou4533的专栏

06-20

7786

最近写页面，使用各个浏览器提示各种不同的错误 HTML1524: 无效 DOCTYPE。最短的有效文档类型是 ""。一开始自己写的是最后修改为没有报html1524错误了 demo.html, 行1 字符1 HTML1521: 不符合要求的 "" 或文件结尾。在文档结束之前，所有具有开始标记的元素都应正确结束。 demo.html, 行3

静态代码检查工具PC-Lint(一)

ruilinruirui

06-23

653

作者：星轨（oRbIt） E_Mail：inte2000@163.com 输入您的搜索字词提交搜索表单  [本文部分内容和例子都来自于PC-Lint用户手册，翻译得时候加上了点自己的理解] 摘要：C/C++语言的语法...

按钮看起来有立体感 css_CSS中具有方向感的Ghost按钮

CSS 初学者指南

07-10

891

按钮看起来有立体感 css 作者杰伊·汤普金斯已发表 2019年9月13日翻译自: https://css-tricks.com/ghost-buttons-with-directional-awareness-in-css/按钮看起来有立体感 css ...

前端不为人知的一面--前端冷知识集锦

weixin_34228387的博客

04-10

173

前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。 HTML篇浏览器地址栏运行JavaScript代码这个...