前端设计>知识整理>

• 

  HTML 文本格式化容易忽略的标签

  预格式文本pre标签对空行和空格进行控制： pre标签很适合显示计算机代码。 “计算机输出”标签常用于显示计算机/编程代码。...

  2019-01-24 知识整理 199 文本格式化标签

• 前端常见跨域解决方案整理

  什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.)资源跳转：A链接、重定向、表单提交2.)资源嵌入：<link>、<script>、<img>、<frame&...

  2019-01-24 知识整理 92

• viewport

  viewport<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>//width设置viewport宽度，为一个正整数，或字符...

  2019-01-24 知识整理 96 viewport

• Web前端开发代码规范——HTML/CSS规范

  一、引言对于一个多人团队来说，制定一个统一的规范是必要的，因为个性化的东西无法产生良好的聚合效果，规范化可以提高编码工作效率，使代码保持统一的风格，以便于代码整合和后期维护。二、HTML/CSS规范2.1浏览器兼...

  2019-01-24 知识整理 177 Web代码规范前端开发

• 页面渲染优化

  1.禁止使用iframe（阻塞父文档onload事件）； *iframe会阻塞主页面的Onload事件； *搜索引擎的检索程序无法解读这种页面，不利于SEO;...

  2019-01-24 知识整理 164 优化渲染页面

• 可能用到的meta标签

  <!--设置缩放--> <metaname="viewport"content="width=device-width,initial-scale=1,user-scalable=no,minimal-ui"/>...

  2019-01-24 知识整理 127 meta标签

• 4种盒子/容器垂直水平居中的方案

  1、定位盒子宽高已知，position:absolute;left:50%;top:50%;margin-left:-自身一半宽度;margin-top:-自身一半高度;...

  2019-01-24 知识整理 173 垂直容器居中方案水平盒子

• meta标签及用法详解

  Html中meta标签 一、meta标签含义 <meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。...

  2019-01-24 知识整理 194 meta标签用法详解

• CSS尺寸与边框

  尺寸与边框1.单位1.尺寸单位1.px：像素1024*7682.in:英寸1in=2.54cm3.pt：磅(1pt=1/72in)多数用于表示文字的大小4.cm:厘米5.mm:毫米6.em:相对于父元素乘以倍数(多个父元素2em)7.rem:根相对（元素字体大小乘以倍数，h...

  2019-01-24 知识整理 189 尺寸边框

• 网页背景属性

  背景：可以是单一颜色或图片填充元素 1.背景色 属性：background-color 取值：合法的颜色值...

  2019-01-24 知识整理 144 属性网页背景

• 网页文本格式化属性

  1.字体属性 1.指定字体 属性：font-family 取值：字体名称，名称之间用逗号隔开 ex：...

  2019-01-24 知识整理 149 属性文本格式化网页

• HTML页面自动清理js、css文件的缓存（自动添加版本号）

  在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案：...

  2019-01-24 知识整理 313 css文件的缓存版本号自动添加自动清理