什么是 BootstrapBootstrap 是一个免费的开源 CSS 框架，使得前端 Web 开发变得更加简单。简介： 它使我们的 HTML 内容看起来很漂亮（或者至少不那么难看）。让我们从 HTML 开始<h1>Hello world<h1><h3>This is a table<h3><table& …
css outline
漂亮精致的图标库，很难得地适配了超小尺寸的显示效果，实用性很强。Heroicons 介绍Heroicons 是一套简单直接的高品质图标库，由大名鼎鼎的前端框架 Tailwind CSS 的团队制作并且发布。接触过 Tailwind CSS 的开发者可能也注意到，Tailwind CSS 生态里的前端 UI 组件质量都很不错，当然这套图标库也一样。Heroic …
我们学习CSS谷歌字体和CSS Icon 图标。我们在应用 font-family 属性声明样式字体时，除了使用HTML中的标准字体外，还可以使用谷歌字体。谷歌字体是免费使用的，并且有1000多种字体可供选择。我们再也不用担心用户电脑上是否安装某个字体了。要使用谷歌字体，只要在<head>元素里添加一个特殊的样式表链接，就可以在CSS里使用了。创 …
首先，我们来理解一下一个网页的基本组成代码如下一个网页是有许许多多的标签对组成的，即开始标签-结束标签，都是成对出现（当然我们后面会说的还存在单标签，表示自闭合标签，例如：<br >）对上述的标签先来解释一下html------------超文本标记语言，浏览器识别的语言，主要负责页面的内容和结构head------------标签用于定义文档的 …
一般我们常见placeholder伪类选择器用来修改默认样式及文案，忽然发现placeholder-shown伪类选择器，比较官方的解释是CSS伪类表示任何显示占位符文本的form元素。简单来说就是当输入框的placeholder内容显示的时候，输入框干嘛干嘛。兼容性如下，在移动端没什么问题placeholder-show是如何工作的？:placeholde …