远方的远方

摘要： 1、charAt()方法： 从整个字符串中找到某子字符，即返回指定位置的字符。charAt(str.length)。里面的数字最大为字符串长度减一eg：stringObject.charAt(index)；如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串... 阅读全文

摘要： 1、圆角border-radius2、风车例子：无标题文档 3、边框背景：边框图片 border-image•border-image-sourceg 引入图片•border-image-slice 切割图片•border-image-width 边框宽度•border... 阅读全文

摘要： 1、注意在使用弹性盒模型的时候 父元素必须要加display:box 或 display:inline-boxBox-orient 定义盒模型的布局方向 Horizontal 水平显示 vertical 垂直方向box-direction 元素排列顺序 Normal 正序 Reverse 反... 阅读全文

摘要： 1、E[attr]只使用属性名，但没有确定任何属性值eg:1 4 5 6 7 8 2、E[attr="value"]指定属性名，并指定了该属性的属性值eg：3、E[attr~="value"]指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等... 阅读全文

摘要： 各浏览器下的兼容性写法 老版Chrome -webkit-xxx FF -moz-xxx IE9 -ms-xxx opera -o-xxx 标准、高版本Chrome xxxJS兼容型写法 大写：Webkit Transition =… 全都加一遍：Webk... 阅读全文

摘要： 元素的宽度由内容撑开方法：display:inline;display:inline-block;float：left;float:right;position:absolute;position:fixed; 阅读全文

摘要： 父级.removeChild(子节点);父级.appendChild(子节点);父级.insertBefore(子节点, 在谁之前);创建元素： 1 20 21 22 23 24 25 26 27 View Code 文档碎片的使用： 1 18 19 20 21 22 View Code childNodes nodeType获取子节点children parentNode例子：点击链接，隐藏整个lioffsetParent例子：获取元素在页面上的实际位置firstChild、firstElementChild、lastChild 、lastElementChild的使用 1 22 23 24 阅读全文

摘要： 所谓圣杯布局，就是自适应浏览器的分辨率，也称双飞翼布局。例子： 1 7 8 9 210 111 3等高布局：例子： 1 style> 2 body{margin:0;} 3 .wrap{ width:900px;margin:0 auto; border:10px solid #000; overflow:hidden;} 4 .wrap:after{content:"";display:block;clear:both;} 5 .left{width:200px;background:Red;float:left; padding-bottom:1000px; ma 阅读全文

摘要： 目前主流浏览器的兼容性做的都比较好了，本文主要针对IE6，7的不兼容问题进行解决。1.有浮动存在时，计算一定要精确，不要让内容的宽高超出我们所设置的宽高，IE6下，内容会撑开设置好的高度。 解决方法：给对应的父级加overflow:hidden;但是会有部分被隐藏掉，最好是精确计算宽高再设定eg：（ie会撑开） 1 11 12 13 14 15 16 17 18 19 View Code 2. 在IE6下有元素浮动时，如果宽度需要由内容撑开，就给里边的块元素都加浮动，正常浏览器不用加浮动。eg： 1 10 11 12 13 14 ... 阅读全文

摘要： 注意事项：1、不要给table,th,td以外的表格标签加样式；2、单元格默认平分table 的宽度3、th里面的内容默认加粗并且左右上下居中显示4、td里面的内容默认上下居中左右居左显示5、 table 决定了整个表格的宽度；6、table里面的单元格宽度会被转换成百分比；7、 表格里面的每一列必须有宽度（如果没有的话，按默认table的宽度的百分比决定，若单元格里面的内容过多会把这一列的宽度变大）；8、表格同一竖列继承最大宽度；9、表格同行继承最大高度；table默认样式重置th,td{padding:0;}table{border-collapse:collapse;} 阅读全文

摘要： 注意： 关于绝对定位，在IE6下定位元素的父级宽高都为奇数那么在IE6下定位元素的right，bottom都有一像素的偏差（left,top无偏差）。因此应尽量使用偶数。 关于绝对定位，在IE6下父级的overflow:hidden;是包不住子级的相对定位的. 阅读全文

摘要： 1.在IE6，7下li本身没浮动,但是li内容有浮动的时候，li下边就会产生3px的间隙。解决办法: 1.给li加浮动 2.给li加vertical-align:top;eg： 1 2 3 4 5 无标题文档 6 20 21 22 23 24 文字文字文字文字文字25 作者26 27 28 文字文字文字文字文字29 作者30 31 32 文字文字文字文字文字33 作者34 35 36 文字文字文字文字文字37 ... 阅读全文

摘要： 使用display：inline-block会出现的情况：1.使块元素在一行显示2.使内嵌支持宽高3.换行被解析了4.不设置的时候宽度由内容撑开5.在IE6,7下步支持块标签由于inline-block属性换行的时候被解析（有间隙）故解决方法使用浮动float:left/right使用浮动时出现的情况：1.使块元素在一行显示2.使内嵌元素支持宽高3.不设置不宽高的时候宽度由内容撑开4.换行不被解析（故使用行内元素的时候清除间隙的方法可以使用浮动）5.元素添加浮动，会脱离文档流，按照指定的一个方向移动，直到碰到父级的边界或者另一个浮动元素停止（文档流是文档中可显示对象在排列时所占用的位置） 1 阅读全文

摘要： css，html命名规则 1 页头： header 2 登录条： loginBar 3 标志： logo 4 侧栏： sideBar 5 广告： banner 6 导航： nav 7 子导航： subNav 8 菜单： menu 9 子菜单： subMenu10 搜索： search11 滚动： scroll12 页面主体：main13 内容： content14 标签页： tab15 文章列表：list16 提示信息：msg17 小技巧： tips18 栏目标题：title19 加入： joinus20 指南： gu... 阅读全文

摘要： css实现超出一行后用省略号显示a{display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}表格规定宽度后，自动换行1 table{table-layout: fixed;}2 td{word-break: break-all; word-wrap:break-word;}盒模型怪异模式： 可视宽 设置宽度 内容宽 设置宽度-padding-bordersss 在IE6,7,8下不设置文档声明的时候 页面的盒模型解析 就会进入怪异模式 阅读全文