l浏览器解析css的两种模式：标准模式和怪异模式 标准模式：浏览器按W3C的标准解析助兴代码； 怪异模式：使用浏览器自身的方式解析执行代码，不同的浏览器解析执行的方式不一样，所以称之为怪异模式。 DTD声明定义了标准文档的类型(标准模式解析文档类型)，忽略DTD将使网页进入怪异模式 怪异模式区别： ...
分类：
其他好文 时间：
2020-07-07 15:17:03
阅读次数：
56
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/style1.css" /> <style type="text/css"> .box{ widt ...
分类：
其他好文 时间：
2020-07-07 13:28:28
阅读次数：
70
再f11全屏时，会出现页面抖动得问题，是由于css盒子高度问题引起的，解决方法如下： html { overflow-x: hidden; overflow-y: auto;}body { width: 100vw; overflow: hidden; padding-right: calc(100 ...
分类：
其他好文 时间：
2020-07-07 09:56:59
阅读次数：
94
按照normalize.css的初始化模板，对其注释进行翻译，方便查看。 初始化的目的：保护有用的浏览器样式、一般化的样式、修复浏览器自身的bug、优化css的可用性、解释代码 1 /* 2 *在所有浏览器中更正行高。 3 *防止在更改方向后调整字体大小 4 *Windows Phone和iOS上的 ...
分类：
Web程序 时间：
2020-07-07 09:42:16
阅读次数：
163
Jquery入门 支持链式操作 $('.c1').addClass('c2').text('xxx').addClass('xxx').css({'color':'white'}); jquery引入方式 外部网址引入 <!--<script src="https://cdn.bootcss.com ...
分类：
Web程序 时间：
2020-07-07 09:38:08
阅读次数：
106
这两天在配置webpack4.0的时候，出现了下面的问题 module: { rules: [{ test: /\.css$/, use: [{ loader: 'style-loader', options: { insertAt: "top" }, }, 'css-loader'] }, { t ...
分类：
Web程序 时间：
2020-07-07 09:24:32
阅读次数：
131
0.引言 在我们编写css的时候，经常会用到百分比赋值（%）实现自适应。像我们最常使用的流式布局设计模式，基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题，我们常常会使用下面这样的css代码加以实现（absolute+transform思路）： .wrap { ...
分类：
Web程序 时间：
2020-07-07 00:40:28
阅读次数：
200
需求如下： 前端需要显示矩形的缩略图，接口返回的图片尺寸大小不一，宽高不相等，需要前端来处理并显示成正方形，类似微信朋友圈图片的效果，等比例正方形显示在列表中，让图片根据宽高来自适应显示在页面上。那么使用纯css该如何实现不定宽高的图片居中裁剪呢？ mate标签： <meta name="viewp ...
分类：
微信 时间：
2020-07-07 00:30:55
阅读次数：
92
今天随便写了一个html文件，然后用css引用起来，如图： （这是一张图片） 上面是一张写了背景图片的文件，可是打开却是一片空白，我想了好久都没想到原因 路径也是对的呀，实在找不到出错的原因 半个小时过去了。。 仔细一看终于想起来了，原来是css必须和图片是同级的，如图： 终于解决一个很傻的问题，我 ...
分类：
Web程序 时间：
2020-07-06 23:59:04
阅读次数：
126
1、vertical-align属性 （1）使用场景 经常用于设置图片或者表单和文字的垂直对齐，用于设置一个元素的垂直对齐方式，但是他只针对于行内元素或行内块元素 （2）属性值 baseline：默认值，元素放置在父元素的基线上 top：把元素的顶端与行中最高元素的顶端对齐 middle：把此元素放 ...
分类：
Web程序 时间：
2020-07-06 21:33:53
阅读次数：
98
