随笔分类 - HTML&CSS
摘要：FlashFXP 4.3.1 注册码--------start---------FLASHFXPwQAOlhkgwQAAAAC6W5MNJwTnsl73nIraAU149tnCQS0hmZU3GGBQG1FtoSp5x0mUgA7bFW0qr0fKk2KCA+v2CCrFbF+qbmLvEjV+4J...
阅读全文
摘要：格式编码1、页面宽度请设定在 600px 到 800px 以内，长度 1024px 以内。2、html 编码请使用 utf-8。3、html 代码在 15KB 以内。（各个邮箱的收件标准不一样，如果超出 15KB 您的邮件很有可能会进入垃圾箱）4、请使用 table 表格来布局。同一个 td 里只放...
阅读全文
摘要：1 /* create an arrow that points up */ 2 div.arrow-up { 3 width:0px; 4 height:0px; 5 border-left:5px solid transparent; /* left arrow slant */...
阅读全文
摘要：1 2 3 4 5 无标题文档 6 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72
阅读全文
摘要：所谓圣杯布局，就是自适应浏览器的分辨率，也称双飞翼布局。例子： 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 ...
阅读全文
摘要：在IE6下，块元素有浮动和横向margin的时候，横向的margin值会被放大成两倍解决方法：添加display:inline;eg:下面的例子在IE6下会有两倍边距
阅读全文
摘要：使用display：inline-block会出现的情况：1.使块元素在一行显示2.使内嵌支持宽高3.换行被解析了4.不设置的时候宽度由内容撑开5.在IE6,7下步支持块标签由于inline-block属性换行的时候被解析（有间隙）故解决方法使用浮动float:left/right使用浮动时出现的情况：1.使块元素在一行显示2.使内嵌元素支持宽高3.不设置不宽高的时候宽度由内容撑开4.换行不被解析（故使用行内元素的时候清除间隙的方法可以使用浮动）5.元素添加浮动，会脱离文档流，按照指定的一个方向移动，直到碰到父级的边界或者另一个浮动元素停止（文档流是文档中可显示对象在排列时所占用的位置） 1
阅读全文
摘要：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下不设置文档声明的时候 页面的盒模型解析 就会进入怪异模式
阅读全文
摘要：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配合js模拟的select下拉框 1 2 3 4 5 无标题文档 6 17 18 19 20 21 22 文字部分23 24 25 26 首页27 关于我们28 联系我们29 关于我们30 联系我们31 联系我们32 联系我们33 联系我们34 35 36 64 65
阅读全文
摘要：让IE下支持固定定位 1 2 3 4 5 无标题文档 6 26 27 28 29 30 1 6 7 8 9 10
阅读全文
摘要：max-height，min-height在IE下不支持的解决方法1 max-width:160px;2 max-height:160px;3 _width:expression(this.width > 160 ? "160px": true); /* IE6 */4 _height:expression(this.height > 160 ? "160px": true); /* IE6 */
阅读全文
摘要：图片居中 1 2 3 4 5 图片在容器内，水平垂直居中 6 11 12 13 14 15 16 17
阅读全文
摘要：1、英文撑破表格的问题 给所有表格添加样式1 td {2 word-break:break-all;3 word-wrap:break-word;4 }2、xp sp2中IE提示信息栏的问题 把在IE----INTERNET选项---高级里面的 “允许活动内容在我计算机上的文件运行”选中3、图片和文字在同一行垂直居中的问题 给图片加样式vertical-align:middle 具体例子如：1 4、让文本框不显示历史记录 给input加属性 autocomplete="off" 如：1
阅读全文
摘要：该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果该标签是个容器标签语法：以下是一个最简单的例子：1 Hello, World下面这两个事件经常用到：onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动代码如下:1 onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 onMouseO
阅读全文
摘要：由于span是行内元素，不可能有高度和宽度的，在span标签里添加内容，可以撑出来宽高，想要定义宽高必须转话成块级元素。span{ display:block;}或者使用span{ display:inline-block; //行内块元素，这样不会占全行而且也有完整的盒子模型（垂直方向上的padding和maring）。}
阅读全文
