首先看看官方释义： image.png @media mediatype and|not|only (media feature) { CSS-Code; } mediatype 指的是媒体类型，也就是说获取到的设备类型。 以下是c ...

引言 React v16.8 引入了 Hooks，它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。这些功能可以在应用程序中的各个组件之间使用，从而易于共享逻辑。Hook 令人兴奋并迅速被采用，Reac ...

obvious.js 轻量级的前端微服务通信框架 github: https://github.com/SMIELPF/obvious image 介绍 要说前端微服务自然绕不开后端微服务，一个技术或概念的出现并不是凭空产生，而是为 解决开 ...

HTML(页面架构) 一.什么是HTML HTML是一种超文本标记语言 超文本:文本,图片,音频,视频,超链接等 标记:符号,标签 标记是没有逻辑的 组成: 指令 转义字符 标签 目的:完成页面的搭建 HTML页面大致的组成部分 <!doc ...

HTML标签嵌套规则 1.块级元素： div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p ...

CSS 语法解析过程 1.在浏览器系列文章中，今天终点讲下CSS解析这块内容.我们已知浏览器的渲染流程中HTML Parser会生成 DOM树，而 CSS Parser会将解析结果附加到 DOM 树上，如下图： image.png 解析分为 ...

html中标签有很多，每一种标签都有着不同的用处，下面这篇文章给大家总结html常用的标签，每一种标签都会跟随一个例子，话不多说，让我们来看看具体内容。我的学习交流群web前端学习交流群字体标签，用于展示效果中修饰文字样式<fo ...

CSS 里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的 content 属性，可能现在很多人仅仅以为 content 属性的值只支持字符串，除了字符串外常用到的还有 uri、counter ，今天所要介绍的就是 c ...

1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着水平居中的，设置足够的宽度，然后把左边的往左位移1 ...

1.图片向下撑大3像素问题 在一个盒子里面放一张图片，默认情况下，图片会向下撑大3像素，有以下几种解决方法： 1.1给图片添加display:block； 1.2给图片添加float:left； 1.3 给图片添加vertical-alig ...