html好看的字体样式-提示 | 使用“Stylus”让您的网页更漂亮! 什么是CSS?

2024-05-02 0 2,188 百度已收录

要让浏览器更好用,自然离不开全能。 它利用脚本实现去除广告绕过二次跳转自动翻页、悬停查看图片、拾取下载链接功能。 虽然AC-baidu等脚本自带修改页面样式的功能,

但因为是1对1的,所以不可能改变所有网站外观。 这时候就必须使用另一个插件“Stylus”,它可以让大部分网页看起来整洁(赶上时代)。

▌使用手写

插件可以直接从Chrome浏览器插件商店安装,也可以直接从Internet下载。

对于样式,请单击插件中的[查找更多样式]。

下一页将列出网页上所有可用的样式供您选择包括来源链接、发布日期、本周/所有下载数据等。

已安装的样式可以在底部打开关闭,也可以组合使用(可能会有bug冲突),例如

步骤可能需要梯子,否则可能无法加载...您也可以从 Stylish 的网站 userstyles.org 下载并安装它。

点击选项进入设置界面。 它支持Dropbox、GoogleDrive和Onedrive云同步功能。 可以在其他笔记本一键同步,无需一一自动重新添加

款式推荐

百度:BaiduLite 百度轻

微软:GoogleSearch-MaterialDesign

IT之家:IT之家去除广告,优化阅读

贴吧:TieBaMaverick

知乎:FlatZhihu flatzhihu

微博:Weibov6简洁微博

斗鱼:斗鱼清理让斗鱼焕然一新

夜间阅读:NightShift-eyecare全局夜间模式

字体:ForceMyFonts全局字体美化

如果您碰巧了解一点 CSS,您可以自定义更改任何样式,也可以从头开始自己制作

▌什么是CSS(层叠样式表)?

Stylus的原理并不复杂。 它通过CSS层叠样式表来改变网页的样式。 字体、背景边框、网页布局都在它的控制之下。 就像整容手术一样,换眼睛调整耳朵等等,依然天衣无缝疼痛

CSS很复杂,而Stylus简单易用,没有学习成本,所以这部分只是简单的扩展

那么它是如何诞生的呢? 这要追溯到1993年,早期网页使用的是RRP样式,只支持一种样式表,并且只能显示文字。 查看网页的体验可能不如阅读报纸丰富。 我们之前提到过Mosaic浏览器

它开始使用HTML标签表达样式,并支持书签图标按钮、图片显示等革命性的功能,这些功能至今仍在使用。 Netscape最先支持HTML框架显示,这是最简单的表格布局。

内外行距可调节,使网页浏览舒适优点兼容性高,但既要对图文内容负责,又要对布局风格负责,注定不够美观

魏培源开发的ViolaWWW浏览器使用了分层嵌套的样式表,并且是第一个支持使用标签引用外部样式表的浏览器(可以简单地理解为:你聘请了一个艺术家帮助改进它)。 但每个浏览器都使用自己的版本,不是很乱吗? 1994年,以万维网之父老李为首的W3C万维网联盟开始提供网络标准建议

同年,Håkon W Lie 提出了级联 HTML 样式表(CHSS)来支持用户定义的样式。 网页作者可以DIY自己的布局,不同的规则以不同的比例呈现。 这也是CSS的雏形。 街对面的 Persia 正在开发一款 Argo 浏览器。 两人聊得很开心,并打算合作

1996年底,出现了一种类似于CSS句型性能规范语言,PSL96,它可以根据不同的浏览器信息手动确定使用哪些样式。 年底CSS已经完成,支持字体大小、字体样式、颜色间距排列、表格、边框、id、类等的改变。如果一个普通的网页就像你刚买的毛坯房,那么CSS就是你的家居装饰了。 。

然而html好看的字体样式,由于早期网页设计者对HTML的误用,导致了“tagsoup”问题。 即使 Google 逐渐在 IE 上实现 CSS,仍然存在很多 bug(

果然,这个BUG就是Google祖传的BUFF)。

竞争对手Netscape推出了JS(JavaScript)语言。 浏览器之战没有赢家。 当时的网页设计师被迫分别为IE和Netscape设计一套网页,都秃了……

于是非政府组织WaSP(Web Standards Project)发起了一支巨魔大军来推动W3C标准化,并愤怒地批评了这些不加入厂商。 1998年CSS2发布时,他们的七位主要成员成立了CSS Samurai,以敦促制造商改善对CSS的支持。 Opera 这样做了,但 Google 却无动于衷。

也许是因为你没有看到CSS的优点,认为没有必要,但在2003年html好看的字体样式,Dave Shea推出了CSS ZenGarden来展示样式的功效,这是建造一个让设计师兴奋的“样板房”。 上。

2006年到2009年间,DIV+CSS布局开始取代传统的表格布局。 CSS3引入了简单的动画等功能,插入了JS,以及灵活flex布局,一直继承至今。 2011年设计的CSS4的特性目前支持还太少。

▌其他浏览器

你为什么不直接使用时尚呢? 自从三年前原作者借给SimilarWeb后,它涉嫌窃取用户的浏览历史,被Chrome和Firefox下架。 Stylus是Stylish1.5.2的开发分支,也是原作者维护的最后一个版本。 作为GH上的开源项目代码经过公开审核,可以安心食用

不仅Chrome,Firefox和Opera也支持它。 您可以使用 FreeStyler for Safari(您也想说唱吗?),类似的插件包括 xStyle。 其实因为win的字体渲染不太美观,所以配合MacType也可以使用。 后面我们会继续讲它的配置方法

点击图片发送往期精彩片段

如果您喜欢我们的推送,别忘了点一下哦

向朋友和家人推荐我们的文章

或者欣赏一下

上一期见!

参考文献引言

sspai.com/post/40485

sspai.com/post/45537

github.com/openstyles/stylus

zhihu.com/search?type=content&q=css

zhihu.com/question/24826065/answer/194294438

zh.wikipedia.org/wiki/层叠样式表?oldformat=true

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html html好看的字体样式-提示 | 使用“Stylus”让您的网页更漂亮! 什么是CSS? https://www.wkzy.net/game/201684.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务