摘要：
精灵图产生背景： 1、网页上的每张图像都需要向服务器发送一次请求才能展现给用户。2、网页上的图像过多时，服务器就会频繁地接受和发送请求，大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（CSS Sprites） 精灵图的定义： 1、很多图片融 阅读全文
摘要：
在h1标签里套入a标签并写上文字，有利于seo，但是文字如何隐藏呢？一般都是a标签变成内联块并首行缩进为负值。 效果： 阅读全文
摘要：
overflow:hidden: 溢出隐藏 visibility:hidden: 隐藏元素 隐藏之后还占据原来的位置。 display:none: 隐藏元素 隐藏之后不占据原来的位置。 Display:block: 元素可见 Display:none 和display:block 常配合js使用。 阅读全文
摘要：
规避脱标流： 1、尽量使用标准流。 2、标准流解决不了的使用浮动。 3、浮动解决不了的使用定位。 问题解决：嵌套盒子在不使用定位的情况下定位到右上角 注释：margin-left:auto的意思是盒子往右边冲，冲不动了就停下了。 图片和文字垂直居中： vertical-align对inline-bl 阅读全文
摘要：
嵌套中个的子盒子使用了绝对定位，父盒子使用了相对定位。那么子盒子如何居中显示： 1、距离左偏离50% 2、margin-right子盒子宽度的一半 效果： 阅读全文
摘要：
img标签初始化：在低版本的ie浏览器会自带边框，所以建议border：0px。 阅读全文
摘要：
static静态定位：默认的定位方式，就是文档流。 absolute绝对定位： 1、元素使用绝对定位之后不占据原来的位置（脱标）。 2、元素使用绝对定位，位置是从浏览器出发。 3、嵌套的盒子，父盒子没有使用定位，子盒子绝对定位，子盒子位置是从浏览器出发。 4、嵌套的盒子，父盒子使用定位，子盒子绝对定 阅读全文
摘要：
腾讯： 新浪： 淘宝： 阅读全文
摘要：
浮动的环境：当我们有一个大盒子（只设置了宽，没有设置高），里面嵌套着若干个小盒子，为了布局从左到右显示，都设置为浮动。再从外部加一个大盒子的时候，因为上面大盒子内部的子盒子是浮动的，所以它们都是不占位的，这时候大盒子会顶到上面的盒子的位置。 清除子盒子浮动： 1、clear: left | righ 阅读全文
摘要：
float：就是在于布局，首先要介绍的是文档流（标准流），之后是浮动布局。 文档流：元素自上而下，自左而右，块元素独占一行，行内元素在一行上显示，碰到父集元素的边框换行。 浮动布局： 1、float: left | right 2、元素浮动之后不占据原来的位置（脱标） 3、浮动的盒子在一行上显示 4 阅读全文
摘要：
1、上下外边距合并，选最大值。 2、两个input标签在编辑中如果换行了，在浏览器中显示的时候会自动增加一些距离。 效果： 阅读全文
摘要：
注意：ul中自带padding值，需要清除。 效果： 阅读全文
摘要：
行内元素： 1、margin：0 20px；只可以定义左右。 2、pading：20px 20px 20px 20px；上下左右都有效 例如span： 效果： 阅读全文
摘要：
浏览器默认文字大小：16px 行高：是基线与基线之间的距离 行高=文字高度+上下边距 一行文字行高和父元素高度一致的时候，垂直居中显示。 效果： 注释：因为行高的定义是文字高度+上下边距，所以当行高定义的值与父元素一样时，它就会去找上下边距，自然的就会居中。 阅读全文
摘要：
1、padding的运用:子div继承父div的宽，子div的padding-left值是不会撑大的。 2、背景图片的运用：不平铺、定位 3、ul本身就是一个盒子，它的高度是li中的字体的默认高度撑起来的。 4、li是ul中的子盒子，padding-left可以控制他们的左边距离。 5、li与li之 阅读全文
摘要：
maigin连写： 垂直方向外边距合并: 两个盒子垂直一个设置上外边距，一个设置下外边距，取的设置较大的值。 注释：上下两个盒子最后的距离不是30px，而是其中设值最大的20px。 嵌套的盒子外边距塌陷： 上面嵌套盒子设置了margin-top:20px，随着发生了父盒子也往下移动了20px。 解决 阅读全文
摘要：
主要运用的dispaly将a变成行内块，再用padding撑开宽度。 阅读全文
摘要：
padding是盒子内容与边框的距离。 注释：在盒子加上padding之后，例如padding:10px，会造成盒子宽高实际上都增加了10px。 嵌套中的盒子也就是子盒子，如果继承了父盒子的宽，那么不管子盒子如何增加padding-left、padding-right的值都不会撑大自己的宽，高是可以 阅读全文
摘要：
CSS中的盒子具有以下几个种重要的属性: 1、border（边框） ：盒子的厚度 2、padding（内边距）：盒子内容距离盒子边框的距离 3、margin（外边距）：盒子边框与其他的盒子的距离 阅读全文
摘要：
表格细线： 效果： 阅读全文
摘要：
搜索栏图标： 效果： 视频列表图标： 效果： 购物车图标： 素材： 效果： 在点击购物车图标后背景图片会立马切换到登陆： 阅读全文
摘要：
背景经常用到以下属性： 特别注意： 1、background-position如果只写一个值，那么第二值默认是center 2、background-attachment的值是scroll的时，它是相对盒子进行定位的。如果是fixed的话，它是相对于浏览器进行定位。 属性的连写： 阅读全文
摘要：
通过行内块、伪类对导航栏进行设置 效果： 阅读全文
摘要：
在a标签中运用最多： 1、a:link {color: #FF0000} /* 未访问的链接 */ 2、a:visited {color: #00FF00} /* 已访问的链接 */ 3、a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ 4、a:active {colo 阅读全文
摘要：
样式优先级：默认样式<标签选择器<类选择器<id选择器<行内样式<!important 注释：上述代码为了屏蔽样式的层叠性，样式表都是反浏览器渲染的过程书写的，最后还是以标注了!important的标签选择器为为主。 优先级特点: 1、继承的权重为0 2、权重会叠加 注释： 1、在样式表中子元素如果 阅读全文
摘要：
继承性发生的前提是包含（嵌套关系）。 1、文字颜色可以继承 2、文字大小可以继承 3、字体可以继续 4、字体粗细可以继承 5、文字风格可以继承 6、行高可以继承 总结：文字的所有属性都可以继承。 特殊情况： h系列不能继承文字大小。 a标签不能继承文字颜色。 注释： 1、假设父元素div提供了字体大 阅读全文
摘要：
层叠性：浏览器渲染是从上而下的，当多个样式作用于同一个（同一类）标签时，样式发生了冲突，总是执行后边的代码(后边代码层叠前边的代码)。和标签调用选择器的顺序没有关系。 注释：上述代码最后显示的效果是.box2中的样式。 阅读全文
摘要：
行内元素：span ,a, ,strong , em, del, ins。特点：在一行上显示；不能直接设置宽高；元素的宽和高就是内容撑开的宽高。 块元素：div,h1-h6,p,ul,li。特点：独占一行；可以设置宽高；注释：嵌套（包含）下，子块元素宽度（没有定义情况下）和父块元素宽度默认一致。 行 阅读全文
摘要：
交集选择器：标签+类（ID）选择器{属性：值；}。即要满足使用了某个标签，还要满足使用了类（id）选择器。 并集选择器：选择器+，+选择器+，选择器{属性:值;}。 后代选择器：选择器+空格+选择器{属性：值;}。后代选择器首选要满足包含（嵌套）关系。父集元素在前边，子集元素在后边。无限制隔代。只要 阅读全文
摘要：
基本的表单控件还有html5的一些新的表单控件： 最后效果： 参考：HTML <input> 标签 阅读全文
摘要：
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 <meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 注释：http-equiv="refresh"页面将会在打开的5秒后跳 阅读全文
摘要：
阅读全文
摘要：
有 4 个保留的目标名称用作特殊的文档重定向操作： _blank 浏览器总在一个新打开、未命名的窗口中载入目标文档。 _self 这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 <base> 阅读全文
摘要：
相对路径主要看你访问的文件相对自己的页面在哪个文件夹下。如果自己藏的很深，必须用“../”跳出。如果项目中的文件位置分布是这样： 那么index页面若要访问这两张图片就需要用相对路径： 绝对路径是从盘符开始访问，一般发布网站的时候，文件都放在服务器发布的目录下。要解决通过http协议访问其他盘符的文 阅读全文
摘要：
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。它即可以应用于容器中，也可以应用于行内元素。(以上说明结合微信开发者工具说明)2009年，W3C提出了一种新的方 阅读全文
摘要：
向服务器发送请求如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：Open方法了有两种请求方式——get和post 与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。然而，在以下情况中，请使用 POST 请求： 1、无法使 阅读全文
摘要：
锚点的两种形式： 1、<a href="#a">点击到锚点</a> 2、window.location.hash = "#a"; 最后都是在寻找对应的id：<p id="a">这是锚点A</p> 阅读全文
摘要：
C#后台直接输出Json字符串需要反斜杠“\” 参考：Json教程 阅读全文
摘要：
之前我们接介绍了简单工厂，这次我们介绍一种更为常用的模式——工厂模式。 工厂方法模式Factory Method，又称多态性工厂模式。在工厂方法模式中，核心的工厂类不再负责所有的产品的创建，而是将具体创建的工作交给子类去做。该核心类成为一个抽象工厂角色，仅负责给出具体工厂子类必须实现的接口，而不接触 阅读全文
摘要：
“反射”其实就是利用程序集的元数据信息。 反射可以有很多方法，编写程序时请先导入 System.Reflection 命名空间。 若要反射当前项目中的类（即当前项目已经引用它了），可以使用下面的写法。这种情况是我们项目中经常遇到的，主要作用就是解耦，便于项目后期拓展。 首先在配置文件中添加appse 阅读全文