随笔分类 -  HTML/CSS

1 2 下一页
CSS-hack
摘要：针对不同的浏览器写不同CSS样式的过程，就叫hack 阅读全文
posted @ 2017-05-14 19:42 影子疯 阅读(111) 评论(0) 推荐(0)
兼容性—IE6/7/8下input空隙问题
摘要：代码如下： IE6/7/8显示效果 正常显示效果 解决方案：在input元素下加上float：left属性 阅读全文
posted @ 2017-05-14 19:06 影子疯 阅读(199) 评论(0) 推荐(0)
兼容性—IE6下浮动元素和定位元素并列，定位元素消失
摘要：浮动元素和定位元素同级，定位元素消失，代码如下： 正常显示效果如下： IE6显示如下： 解决方案：使浮动元素和定位元素不在同一级 阅读全文
posted @ 2017-05-14 18:52 影子疯 阅读(255) 评论(0) 推荐(0)
兼容性—IE6定位
摘要：父级元素宽高为奇数时，绝对定位的right和bottom会有1px的偏差 IE6显示效果如下： 解决方案：避免设置父级元素的宽高为奇数 阅读全文
posted @ 2017-05-14 18:34 影子疯 阅读(167) 评论(0) 推荐(0)
兼容性—IE6/7下带有overflow:hidden属性的父级元素包不住带有position：relative属性的子元素
摘要：IE6/7下带有overflow:hidden属性的父级元素包不住带有position：relative属性的子元素 显示效果如下： 解决方案：给父级也加上position：relative；属性 阅读全文
posted @ 2017-05-14 18:23 影子疯 阅读(319) 评论(0) 推荐(0)
兼容性—IE6下文字溢出
摘要：两个浮动元素之间用内联元素或者注释并且和父级宽度不超过3px，IE6下出产生文字溢出bug，具体代码如下： 显示效果： 解决方案： 1、两个浮动元素之间避免出现内联元素或者注释 2、与父级宽度相差3px以上 阅读全文
posted @ 2017-05-14 18:08 影子疯 阅读(194) 评论(0) 推荐(0)
兼容性—IE6/7下当li里面的元素都浮动，li之间会产生4px的缝隙
摘要：代码如下： 效果如下： 解决方案：给li元素加上*vertical-align: top;属性 阅读全文
posted @ 2017-05-14 18:01 影子疯 阅读(163) 评论(0) 推荐(0)
兼容性—IE6下当元素浮动设置margin时会有双边距
摘要：代码如下： 解决方案：给元素加上display：inline。 阅读全文
posted @ 2017-05-14 17:30 影子疯 阅读(176) 评论(0) 推荐(0)
兼容性-inline-block
摘要：其他浏览器正常显示一行，IE6/7显示效果如下（不认display：inline-block） 可以通过下面方法解决 *display: inline; *zoom: 1; 问题2：当设置高度为1px的时候，IE6显示高度为19px，可以通过overflow：hidden解决 阅读全文
posted @ 2017-05-12 17:52 影子疯 阅读(132) 评论(0) 推荐(0)
兼容性—margin
摘要：所有浏览器显示效果都一样 给父级加上border属性，除IE6/7以外都可正常显示,可以通过overflow和zoom触发BFC和layout属性解决 阅读全文
posted @ 2017-05-12 16:50 影子疯 阅读(271) 评论(0) 推荐(0)
兼容性— IE6下子元素宽高会撑大父级
摘要：IE6下效果 其他浏览器下效果 解决方案：编写代码时，尽量使子级元素宽高小于父级 阅读全文
posted @ 2017-05-12 14:52 影子疯 阅读(146) 评论(0) 推荐(0)
兼容性—浮动
摘要：box不能包住left和right 通过给box添加伪类解决上述问题 给h2元素加上高height 在IE6下（其他浏览器正常），h2属于块级元素，默认占一行 只需要给h2加上float属性就可解决上述问题。 问题2：在IE6下，left和right直接会有缝隙，代码如下 IE6显示效果 其他浏览器 阅读全文
posted @ 2017-05-12 14:42 影子疯 阅读(191) 评论(0) 推荐(0)
兼容性—H5标签兼容
摘要：IE6/7 不支持H5标签可以通过以下方法解决 可以通过JS创建标签实现（默认是行级标签），然后转换成块级元素。 标签很多的时候，不可能一一创建元素，可以通过JS插件实现 阅读全文
posted @ 2017-05-12 10:38 影子疯 阅读(471) 评论(0) 推荐(0)
表单
摘要：表单基本类型 阅读全文
posted @ 2017-05-11 15:17 影子疯 阅读(136) 评论(0) 推荐(0)
表格
摘要：1、基本写法 2、合并单元格 阅读全文
posted @ 2017-05-10 17:12 影子疯 阅读(125) 评论(0) 推荐(0)
浮动
摘要：清除浮动的最好办法 阅读全文
posted @ 2017-05-03 10:31 影子疯 阅读(102) 评论(0) 推荐(0)
块元素和内联元素
摘要：1、块元素（div,p,h,li） a、默认独占一行 b、没有宽度，默认撑满一行 c、支持所有CSS命令 2、内联元素（span,em,strong,a） a、不支持宽高 b、同一行可以有多个元素 c、不支持上下的margi d、代码换行会被解析（空格） e、内容撑开宽高 3、内联块元素 a、块在一 阅读全文
posted @ 2017-05-02 11:35 影子疯 阅读(159) 评论(0) 推荐(0)
选择器
摘要：1、id选择器（页面唯一） 2、类选择器（一个元素可以有多个class） 3、标签选择器 4、群组选择器 5、包含选择器 6、通配符 7、选择器优先级 行间样式>id选择器>类选择器>标签选择器 阅读全文
posted @ 2017-05-02 10:36 影子疯 阅读(119) 评论(0) 推荐(0)
CSS reset 标签初始化设置
摘要：body,h1,h2,h3,h4,h5,h6,p,dl,dd 默认有margin ul,ol 默认有margin padding list-style a 默认有underline img 默认会有边框，上面会有缝隙 阅读全文
posted @ 2017-05-02 09:42 影子疯 阅读(281) 评论(0) 推荐(0)
常见标签二
摘要：1、标题标签h1-h6 2、P标签 段落 3、strong粗体 4、em 斜体 5、无序列表 ul 6、有序列表 7、自定义列表 8、mark 标签 9、img标签 阅读全文
posted @ 2017-05-01 19:05 影子疯 阅读(112) 评论(0) 推荐(0)

1 2 下一页