最美胡萝卜

摘要： hover用法： 必须-移入父级操作子级 也可以移入自己操作自己 1.对自身作用 2.对自身的子集作用 3.对兄弟元素的作用 阅读全文

摘要： 这边由于工作关系 需要用到 同一套网页的主体内容 content 建立到 pc端和移动端，除了头尾不同之外 其他全部相同基本思路如下： 固定定位 和百分比 先建立pc端内容》》在建立移动端1.pc端用百分比布局 碰到固定定位的时候，根据父级的位置和大小 来固定定位（此时父级必须 是一个固定不变的内容 阅读全文

摘要： 移动端开发的过程中，当用户连接某个文字 跳转时候 出现 高亮一块，这样很影响用户体验，我们可以吧颜色设置为透明 或者自己需要的颜色 注意微信目前版本浏览器不支持 大部分浏览器兼容 阅读全文

摘要： <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 宽度等于设备宽度 缩放比例1 最小1 最大1 阅读全文

摘要： <link rel="stylesheet" type="text/css" href="600.css" media="screen and (max-width: 600px)"> 屏幕自适应 调取css 阅读全文

摘要： 表示 当屏幕 最小值是600时（表示大于600） 执行后面的语句 表示 当屏幕 最小值是800时（表示大于800） 执行后面的语句 总结：1.代码由上到下执行 当t判断条件是 min-width: 时，小的写上面 大的写在下面， max-width 大的上面 小的写下面 2.@media (min- 阅读全文

摘要： 父级{ 1. display: -webkit-flex; 声明弹性盒模型 2. flex-flow 复合写法 （ flex-flow:row wrap;） 2. flex-direction；决定子集标签的排列方向 row 从左到右，row-reverse 从右到左， column 垂直方向，co 阅读全文

摘要： 在a标签设置 height：0px ；padding-top：100px；overflow：hidden；这样a标签的文字就被这个padding顶到容器之外了，溢出隐藏，当css无法加载，文字就上去了。详情见淘宝logo 的 demo 阅读全文

摘要： nth-child（）和nth-of-type区别 1 .c p:nth-child（2）：在C这个类下，找某个父元素下的第2个子元素，看是否是p 如果是，p元素身上加样式，不是表示失效【如果C 下面有多个子孙，挨个寻找 ，可以命中多个子孙的子元素】 2 .c p:nth-of-type （2）：与 阅读全文

摘要： 方案一:div{font-size:0};方案二:img{ display:block};方案三:img{vertical-align:top;}方案四：div{ margin-bottom:-3px }; 1.为什么img标签上下会有间隙？。 根本原因在于img标签为inline元素，该元素默认垂 阅读全文