摘要：
1 盒子模型 1.1盒子模型的盒子： 以博客园页面为例： 1.2盒子内部构造：边框(border)、内容(content)、填充(padding)、边界(margin) CSS盒子模式都具备这些属性。 这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。 阅读全文
摘要：
1 PX px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 PX特点 1. 浏览器无法调整px单位的字体，以em或rem为字体单位可调整字体。 1. 浏览器无法调整px单位的字体，以em或rem为字体单位可调整字体。 2 EM em是相对长度单位。 EM特点 1. em 阅读全文
摘要：
1 input 标签去除外边框： 在进行webAPP开发时，input外边框非常影响美观，去除外边框方法如下： 解释： “border: 0px；” 去除 placeholder 外的边框 “outline:none;” “去除点击input框时显示的边框 “cursor: pointer;” 点击 阅读全文
摘要：
上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 阅读全文
摘要：
Flex 布局教程：语法篇 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 阅读全文
摘要：
1 【Positioning(定位)】 Positioning作用：指定了元素的定位类型。position包括四个值：static，relative，fixed，absolute。 css定位解析：元素可以使用的顶部top，底部bottom，左侧left和右侧right属性定位。然而，这些属性无法工 阅读全文
摘要：
【link】标签：外联导入样式 例1：<link rel="stylesheet" type="text/css" href="theme.css" /> 解释：link ：可以外联导入css的样式，使css与HTML分离。前端页面布局清晰。href：css路径；type：css类型。 【title 阅读全文
摘要：
HTML5头部常用介绍： 【DOCTYPE html】 声明文档类型为HTML5文件。 【meta标签】 <meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。注意：<meta> 标签永远位于 head 元素内部。 例1：keywor 阅读全文
摘要：
错误原因：在使用webstorm打开本地项目文件夹的html文件时，浏览器提示404错误。 错误分析：文件夹命名内包含“+”，此特殊符号导致浏览器解析错误。 改正方案：去掉特殊符号“+” 阅读全文
摘要：
1 Fiddler的工作原理 Fiddler 是以代理web服务器的形式工作的，它使用代理地址:127.0.0.1，端口:8888。当Fiddler退出的时候它会自动注销，这样就不会影响别的程序。不过如果Fiddler非正常退出，这时候因为Fiddler没有自动注销，会造成网页无法访问。解决的办法是 阅读全文