清除图片下方出现几像素的空白间隙方法1：img{display:block;}方法2：img{vertical-align:top;}除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的<length>和<percentage>值都可以方法3：#test{font-size:0;line-height:0;}#test为img的父元素让文本垂直对齐文本输入框方法：input{vertical-align:middle;}让单行文本在容器内垂直居中方法：#test{height:25px;line-height:25px;}只需设置文本的行高等于...
1、真正的加载失败 一、有时网页能完整打开网页布局完整，有时网页像没有CSS控制一样显示没有任何布局样式的网页。 造成此原因有空间IIS不够多、空间速度慢、浏览者网速慢等 二、网页打开显示完全没有CSS控制的原始显示。 造成此原因有链接CSS文件路径错误、CSS代码不兼容等 2、if造成失败 有的CSS制作时候可能用了使用if判断语句对什么浏览器调用什么CSS文件或CSS代码，而疏忽造成if调用的混乱，造成在某些浏览器上显示正常，有的...
总结了一些HTML、CSS的一些简单特性，纯属个人笔记，非文章前言个人总结了一些容易忘记的HTML、CSS特性，以备查漏补缺，读者朋友们有兴趣的可以看看，也当查漏补缺，但我已在标题中声明，此篇纯属个人笔记，非文章！HTMLtarget属性 target = "_self" (默认在当前页面打开链接) target = "_blank" (在新的浏览器窗口打开链接) 复制代码lable在html中，lable标签通常和input标签一起使用，label标签为input元素定义标注（标记）...
Atitti css3 新特性attilax总结 图片发光效果2透明渐变效果2文字描边2背景拉伸2 CSS3 选择器（Selector）4@Font-face 特性7Word-wrap & Text-overflow 样式9Word-wrap9Text-overflow10文字渲染（Text-decoration） 描边12CSS3 的多列布局（multi-column layout）13边框和颜色（color, border）14CSS3 的渐变效果（Gradient）15线性渐变15径向渐变16CSS3 的阴影（Shadow）和反射（Reflect）效果19CSS3 的背景效果21CSS3 的盒子模...
1、什么是媒体查询媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color （等）。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。 2、为什么响应式设计需要，媒体查询如果没有CSS3的媒体查询模块，就不能针对设备特...
如果你是前端程序员，那么你需要解决浏览器页面或不兼容的问题。浏览器的兼容性问题大部分还集中在兼容IE系列。在这里总结的CSS Hack IE系列，对未来的易访问记录.IE HackIE系列浏览器的hack大略如下：_nowamagic:1px;-----------ie6*nowamagic:1px;-----------ie7nowamagic:1px\0;----------ie89nowamagic:1px\9\0;--------ie9:root nowamagic:1px; ----ie9(实际情况可能ie9还是有问题，再用这种方式)这样就基本上就可以兼容所有I...
结构说明：左右两部分宽度固定，中间的部分填充剩余所有宽度。常用场景：最左边摆放一张图片，中间摆放说明性文字，右边摆放相关操作的小图标。之前的做法虽然有实现但是不完美。思路如下（简单描述为左中结构）：首先考虑中间的要拉伸铺满剩下的宽度，必须宽度设置成百分比100%，用box-sizing设置为border-box，然后配合padding，给左右留固定的宽度，左右的内容放到padding区域与其重叠，使用float浮动是不能重叠的，所以一定要有...
选择器 优先级 实例ID选择器 100类选择器 10伪类选择器 10 :link :visited :focus :hover :actived :lang UI元素状态伪类 E:enabled{}匹配所有用户界面（form表单）中处于可用状态的E元素 E:disabled{}匹配所有用户界面（form表单）中处于不可用状态的E元素 ...
1 *：通用选择器?1* { margin:0; padding:0; }*选择器是选择页面上的全部元素，上面的代码作用是把全部元素的margin和padding设为0，最基本的清除浏览器默认样式的方法。 *选择器也可以应用到子选择器中，例如下面的代码：?1#container * { border:1pxsolidblack; }这样ID为container 的所有子标签元素都被选中了，并且设置了border。2 #id：id选择器?1234#container { width: 960px; margin: auto;}id选择器是很严格...
1、什么是字体 字体是文字的外在形式，就是文字的风格，是文字的外衣。比如行书、楷书、草书，都是一种字体。同样一个字每个人写起来都会有差异，可以说每个人都有一套潜在的字体库。对于web页面来说，字体就是计算机上存储的一套文字显示方式。通过对文字进行一些特殊处理（比如末端加强）来提高不同环境中文字的可读性。 比如同样大小的文字，在不同字体下的可读性是不同的。一般来讲，一款字库的诞生，要经过字体设计师的...
原文:CSS垂直居中总结 工作中遇到垂直居中问题，特此总结了一下几种方式与大家分享。本文讨论的垂直居中仅支持IE8+ 1、使用绝对定位垂直居中<div class="container"><!--<div class="floater"></div>--><div class="center absolute_center">生活不能等待别人来安排，要自已去争取和奋斗；<br>而不论其结果是喜是悲，但可以慰藉的是，你总不枉在这世界上活了一场。<br>有了这样的认识，你就会珍重生活，而不会玩世不恭；同时...
DHTML(Dynamic HTML) 称为动态HTML 它是 HTML CSS JAVASCRIPT的集成 CSS层叠样式表:(cascading style sheet) 将对布局 字体 颜色 背景和其它 图文效果实现更加精确的控制 javascript:它是一种script脚本语言 脚本语言:就是可以和HTML混合在一起使用的语言,可以用来在IE的客户端进行程序编制,从而控制浏览器等对象的操作 CSS层叠样式表 1996.12.17 css1 ...
最近看到一些关于CSS文件管理的问题，下面我就自己的经验说说，一个好的CSS文件主要是看他是否具有易维护性。下面我就说说我个人的看法：一、CSS文件的规划 我在规划CSS的时候，我比较喜欢建立全局css及各模块css。在html页面中引用全局css，在全局css中引用各模块css。比如，建立global.css为全局css，在全局css中定义“* { … } body { … }”之类的全局样式。在全局样式中通过“@import url(”xxx.css”);”引入模块css。...
CSS写的并不多，如果从零开始的项目，自己一定想搬砖来得容易点。CSS编写一定有其工程化的方法，来时编写更加有效率。考虑将CSS的预处理LESS、Sass或Stylus引入，或者将CSS的后处理PostCSS引入。编辑器，启用的是sublime加上 太监了，等以后有空总结一下原文：http://www.cnblogs.com/Neanderthal/p/6838539.html
一、子元素都是浮动元素时，父元素最好是不用设置高度，防止子元素不设置高度溢出父元素 有时候会有零点几的误差高度 直接设置子元素高度即可 通过clear: both;清除子元素浮动达到父元素自适应高度二、vertical-align 属性设置元素的垂直对齐方式。 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元...