菜鸟吃虫，虫吃菜

摘要： 一、字体正斜体，粗体，小型大写字母（font-variant:small-caps） 注：一些字体只有大写的特性，并且大多数字体没有小型大写字母的特性（小型大写字母） font-family:Adobe 黑体 Std R, @Adobe 仿宋 Std R;假如第一浏览器找不到，会试图找第二个，依次类推。因此最后一个字体应该是标准字体名称常量 font-size 设置字体的大小 color字体颜色，应该与background-color形成对比二、突出 很简单的使用background-color,backgound-image来设置突出三、文本装饰 下划线，上划线，横化线 text-decor 阅读全文

摘要： 最近几天仔细研究了一下vertical-align这个属性，结果让我大吃一惊，这个很“资深”的CSS标准竟然在各个浏览器里面的表现都各不相同。vertical-align的值有点多，包括 baseline sub supper top text-top bottom text-bottom middle以及各种长度值（%，em，ex等等）。我先给大家看一个我觉得最夸张的值：... 阅读全文

摘要： 这一章对所有的定位进行总结一、左对齐块状元素居中内联元素无效 ① 要将内容左对齐 将text-align:left 赋值包含的块状元素，因为内联元素是包含内容大小的 ②左对齐的设定尺寸的元素 magin-left:0将它左对齐，使用margin-right:auto阻止它右对齐，对于绝对定位的元素，采用left:0左对齐，right:auto来阻止它右对齐 ③要创建一个左对齐并且拉伸的元素 可以使用width:auto,margin-left:0,margin-right:0来拉伸它的宽度至左右侧。对于一个绝对元素，可以使用left:0和right:0 来拉伸它至左右两侧 ④要创建一个左对齐的 阅读全文

摘要： 定位的祖父元素没有定位的父元素水平拉伸的静态元素垂直拉伸的绝对元素水平拉伸的绝对元素 代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"htmlxmlns="http://www.w3.org/1999/xhtml" 阅读全文

摘要： 一、JS编码问题 今天在做Extjsdesktop时，将html页面加了一句 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 运行时导入js不管如何都显示中文乱码 原因：默认js导入的格式为“gb2312”，这样就没法解析JS文件了 因此将<meta http-equi... 阅读全文

摘要： 因为第五章实在没什么好写的，看了以后就没写博客了 第六章也简写几个感兴趣的属性（一）visibility和display visibility是只隐藏,但不并不移出DOM结构，因为元素还占领着其本身的位置 hidden和 visible display也是隐藏，但他移出了DOM结构，此元素不存在其位置 none 和 blockABCDEF(二) 分页 （page-break-after page-break-befor） page-break-after :在元素之后插入分页符 page-break-befor：在元素之前插入分页符注：前一元素page-break-after， 后一元素pag 阅读全文

摘要： 一、盒模型(总) 外边距：maggin 边框：border 内边距：padding 内盒宽：width background:边框以内的背景和颜色 overflow:内盒内容超出内盒的处理方式 二、内联盒模型 dispaly:inline (标志) line-height: 设置内联盒模型的高度 border:此边框包围内容 margin:top和bottom无效 left:使他远离前面的元素 right:远离后面的元素无效参数：width,height,overflow三、块状盒模型 这个用的比较多，就不做记录了 四、表格盒模型table 只有两个参数要重点介绍 border-colla 阅读全文

摘要： IE8,7,6与Fireofx的CSS兼容性处理方法大全（转）In DIV+CSS | Tags: 　　IE8,7,6与Fireofx的CSS兼容性处理方法大全　　很多站长都抱怨CSS对浏览器的兼容性有时让人很头疼,尤其是对于IE6这个问题多多的浏览器版本。或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,... 阅读全文

摘要： （一）CSSHACK (-,*,!important) IE6IE7FF*√√×-√××!important×√√ 注：√支持 ×不支持 由上表可以写出根据不同的浏览器写出不同的CSS代码称为 CSSHACK 区别FF，IE7，IE6的hack写法： background:o... 阅读全文

摘要： 一、 类型，类和ID选择符 这个比较简单就不多说 二、定位和群组选择符 群组选择符：body,div,h1{} 作用于一组元素后代选择符：div #mydiv {} 作用于某一环境下的元素 子选择符：#mydiv *{} 作用于mydiv下所有直接子元素 兄弟子元素（单一）：li+li 作用于li元素后的一个兄弟li元素 兄弟子元素（所有）：li~li 作用于li元素后的所有li元素第一个节点:li:firstchild 作用于兄弟节点中的第一个子元素 兼容性：只有群组选择和后代选择符 IE6支持， 所有其他选择器在IE7 其他主流浏览器中支持代码Code highlighting pro 阅读全文