摘要:
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没有自动注销,会造成网页无法访问。解决的办法是 阅读全文