随笔分类 - css
摘要：css-position&z-index显示问题 Fixed Header guide无法正确显示目标dom example <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co
阅读全文
摘要：（一）html部分 1.H5新标签在IE9以下的浏览器识别 html5shiv.js下载地址 https://github.com/aFarkas/html5shiv/releases 2.ul标签内外边距问题ul标签在IE6\IE7中，有个默认的外边距，但是在IE8以上及其他浏览器中有个默认的内边
阅读全文
摘要：css面试题 选择器的优先级 !important > 内联样式 > ID选择器 > 类选择器(.class) = 伪类选择器(:hover等) = 属性选择器[type等] > 元素选择器 = 伪元素选择器(:after/:before/::selection等) > 通用选择器(*) >继承的样
阅读全文
摘要：浏览器兼容 金三银四，那浏览器兼容你知多少？ 常见浏览器的兼容性问题（面试重点） 常见的浏览器兼容问题以及解决方法 图片有边框bug 当图片加在ie上会出现边框 hack:给图片加border：0；或者border：0 none； 图片间隙 div中的图片间隙bug 在div中插入图片时图片将div
阅读全文
摘要：盒模型 什么是盒模型 每个HTML元素都可以叫做盒模型，盒模型由外而内包括：边距（margin）、边框（border）、填充（padding）、内容（content）。它在页面中所占的实际宽度是margin + border + paddint + content 的宽度相加。 设置 box-siz
阅读全文
摘要：Document 块级元素和行内元素 行内元素会撑开盒子 span 块级元素会溢出盒子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device
阅读全文
摘要：Title <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .loading { display: inline-block; wi
阅读全文
摘要：问题 对同一元素设置overflow-x:visible;overflow-y:auto;属性值不生效 根据W3C的说法,对同一元素设置overflow-x:visible;overflow-y:auto;属性值不生效,也就是说，overflow-x和overflow-y的计算值跟给定的值相同，除了
阅读全文
摘要：```html Document 500 积分 ``` <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="divport" content="width=device-width, initial-sc
阅读全文
摘要：```html Document ``` ```html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
阅读全文
摘要：1 2 3 4 5 6 7 8 9 10 11 ```html<body> <style> #container { width: 100%; max-width: 700px; margin: 2em auto; } .cols { -moz-column-count: 3; -moz-colum
阅读全文
