摘要：
印象中，渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3，但是 CSS3 特效太优秀不忍放弃，所以在高级浏览器中使用CSS3，而在低级浏览器只保证最基本的功能。二者的目的都是关注不同浏览器下的不同体验，但是它们侧重点不同，所以导致了工作流程上的不同。 名词 阅读全文
posted @ 2020-06-11 15:19
前端一点红
阅读(251)
评论(0)
推荐(0)
摘要：
原理：利用不同浏览器对CSS的支持和解析结果不一样编写针对特定浏览器样式。常见的hack有1）属性hack。2）选择器hack。3）IE条件注释 IE条件注释：适用于[IE5, IE9]常见格式如下 <!--[if IE 6]> Special instructions for IE 6 here 阅读全文
posted @ 2020-06-11 15:12
前端一点红
阅读(825)
评论(0)
推荐(0)
摘要：
我们都知道在html中引入外部的CSS 有2种方式，link标签和@import，他们又什么区别呢？ 1.从属关系区别@import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。 2.加载顺序区别加 阅读全文
posted @ 2020-06-11 15:10
前端一点红
阅读(1982)
评论(0)
推荐(0)
摘要：
普通的HTML注释形式是 <!-- 注释 --> 而IE5~IE9这5个版本的IE浏览器还另外支持一种特殊的if条件注释（感觉有点类似模板渲染时的语法结构） <!--[if IE]> html语句 <![endif]--> 这样在处理IE浏览器兼容性问题的时候就可以把hack代码集中在一块了，或者其 阅读全文
posted @ 2020-06-11 15:08
前端一点红
阅读(252)
评论(0)
推荐(0)
摘要：
1、IE6不支持min-height，解决办法使用css hack： .target { min-height: 100px; height: auto !important; height: 100px; // IE6下内容高度超过会自动扩展高度 } 2、ol内li的序号全为1，不递增。解决方法： 阅读全文
posted @ 2020-06-11 15:05
前端一点红
阅读(251)
评论(0)
推荐(0)
摘要：
把已有的图片转换为WebP格式 要使用WebP格式，需要将你网站用到的图片都制作一份WebP格式的版本，如果你使用CDN服务商，它们一般都会提供转码到WebP格式的选项。如又拍云： 增加这样的配置后，我们可以通过给图片URL加上相应的后缀，来使用WebP格式的版本资源。 你也可以使用webpack、 阅读全文
posted @ 2020-06-11 15:00
前端一点红
阅读(7519)
评论(0)
推荐(1)
摘要：
在开发中，css样式有一些属性往往需要重复使用，为了避免代码冗余，降低维护成本。我们需要使用CSS预编译工具【Sass/Less/Stylus】，随着这些工具的流行，CSS变量也开始规范制定，目前很多浏览器都已经支持了，css变量的兼容性： 变量的定义： CSS中原生的变量定义语法是：--*，变量使 阅读全文
posted @ 2020-06-11 14:47
前端一点红
阅读(1765)
评论(0)
推荐(0)
摘要：
在css中我们想实现透明颜色，首先就会想到rgba()和hsla()这2个属性。这篇文章就简单介绍下使用这2种方式来实现半透明边框。 1、使用rgba方式： 1 border: 10px solid rgba(255,255,255,.5); 51220网站目录 https://www.51220. 阅读全文
posted @ 2020-06-11 14:43
前端一点红
阅读(3419)
评论(0)
推荐(0)
摘要：
htm中doctype标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。 dotype 的特点： <!doctype>声明必须处于HTML文档的头部，在<html>标签之前，HTML5中不区分大小写 <!doctyp 阅读全文
posted @ 2020-06-11 11:45
前端一点红
阅读(1021)
评论(0)
推荐(0)
摘要：
页面的命名规则 统一用翻译的英文命名（推荐） 统一用拼音命名（拼音的简化也可） 如果文件名过长，企业要提前约定一份缩写的规范，如pro—product 例如： 首页—index 产品列表—prolist产品详细页面—prodetail 新闻列表—newslist新闻详细页面—newsdetail 发 阅读全文
posted @ 2020-06-11 00:53
前端一点红
阅读(283)
评论(0)
推荐(0)
摘要：
微信webview内置了调整字体大小的功能，用户可以根据实际情况进行调节。但是这也会导致字体大小改变以后，出现页面布局错乱的情况。 1、iOS的解决方案是覆盖掉微信的样式： body { /* IOS禁止微信调整字体大小 */ -webkit-text-size-adjust: 100% !impo 阅读全文
posted @ 2020-06-11 00:49
前端一点红
阅读(482)
评论(0)
推荐(0)
摘要：
我们都知道需要给html和body标签设置了高度height:100%之后，再给内部的div设置height:100%的时候，内部div的高度100%才会起到作用。这是由于：%是一个相对父元素计算得来的高度，要想使他有效，我们需要设置父元素的height。解决如下： html,body{ heigh 阅读全文
posted @ 2020-06-11 00:44
前端一点红
阅读(1064)
评论(0)
推荐(0)
浙公网安备 33010602011771号