好文分享

一、允许网页宽度自动调整 首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100…

css代码： .box { /* 禁止选中文本 */ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select:…

有常见的 flex、transform、absolute 等等。也有 css3 的网格布局。还有伪元素的方法，是的，你没有看错，::after 和 ::before 也可以实现居中。 1、flex 大家的第一反应，可能就是 flex 了。因为它的写法够简单直观，兼容性也没什么问题。是手机端居中方式的…

以前需要边框长度比容器小一些时，我用div嵌套。后来发现伪类在实现这个效果时很方便，只需要一个div就够了，另外调整padding和margin都不会很麻烦。 （推荐教程:CSS入门教程） border topborder leftborder rightborder bottom .box-con…

前言： 样式单的一个最重要的特点就是它可以作用于多种媒体，比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体，如”font-size”属性只对可卷动的媒体类型有效（屏幕）。 声明一个媒体属性可以用@import或@media引入： @import url(loud…

css 给div添加滚动并隐藏滚动条 ，具体代码如下所示:  在html中 下面内容会单独滚动 1111111111111111 222222222222222 Linfo.ai Linfo AI 是一款AI驱动的 Chrome 扩展程序，可以将网页文章、行业报告、YouTube 视频和 PDF 文…

content属性一般用于::before、::after伪元素中，用于呈现伪元素的内容。平时content属性值我们用的最多的就是给个纯字符，其实它还有很多值可供选择。 1、插入纯字符 *{margin: 0;padding: 0;box-sizing: border-box;} li{list-…

以下以数字开头的 css 类名不会生效： .1st{ color: red;} 一个合法的 CSS 类名必需以下面其中之一作为开头： 1、下划线 _ 2、短横线 – 3、字母 a – z 立即学习“前端免费学习笔记（深入）”； 然后紧跟其他 _ ， – 数字或字母…

html部分: 渐变——天际线 渐变——天际线 实现背景颜色渐变不需要在HTML（结构）部分做任何操作 这里加了一行字，方便显示效果； （推荐教程：CSS教程） CSS部分： body{ margin: 0; padding: 0; font-family: “montserrat”; backgr…

问题描述： 引用图片时下方总出现空白，情况如下图所示。 css代码： .img-box { border: 2px solid red; width: 550px; } @@##@@ 原因分析： 立即学习“前端免费学习笔记（深入）”； 行内块元素会和文字的基线对齐。 （推荐教程：CSS教程） 解决方…