04 2017 档案

最基础的CSS面试题
摘要：1.Doctype作用是什么？严格模式与混杂模式分别是如何触发这两种模式的，区分它们有何意义？ （1）<!DOCTYPE>声明位于文档中的最前面，处于<html>标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。 （2）严格模式的排版和JavaScript运作模式是以该浏览器支持的最高 阅读全文
posted @ 2017-04-26 18:19 milo_蓝色大飞机 阅读(433) 评论(0) 推荐(0)
display:flex;多行多列布局学习
摘要：从以前的table布局到现在的div布局，再到未来的flex布局，CSS重构方面对展示行和适应性的要求越来越高； 首先来比较一下布局方式的更新意义： table布局： 优点：1、兼容性好，ie6、ie7或者什么稀奇古怪的浏览器，table布局可以用最小的代价兼容这些稀奇古怪的浏览器； 2、自适应性， 阅读全文
posted @ 2017-04-25 09:10 milo_蓝色大飞机 阅读(41616) 评论(0) 推荐(0)
关于多子级元素充满父级元素高度的布局方式
摘要：关于多子级元素充满父级元素高度的布局方式，听着有些绕口，上个图应该就能很清楚的理解这标题的意思了； 如图：左右分栏的情况下，有顶部和底部导航，且在屏幕高度不定的时候（移动端，多设备适配），如何不适用js来让内容区自适应扩展，填满父级剩下的高度呢？ 首先分两种情况： 一、顶部和底部导航为固定高度时，这 阅读全文
posted @ 2017-04-23 18:25 milo_蓝色大飞机 阅读(4454) 评论(0) 推荐(1)
图解http读书笔记
摘要：以前对HTTP协议一知半解，一直不清楚前端需要对于HTTP了解到什么程度，知道接触的东西多了，对于性能优化、服务端的配合和学习中也渐渐了解到了HTTP基础的重要性，看了一些大神对HTTP书籍的推荐，也就找了这本《图解HTTP》来学习一些基础，对于这本书来说，每页都有一些很生动的配图，阅读起来不会像理 阅读全文
posted @ 2017-04-23 16:21 milo_蓝色大飞机 阅读(222) 评论(0) 推荐(1)
checkbox与文字对齐方式（同样可用于radio单选框）
摘要：checkbox 在chrome 和 firefox中 间距是由margin撑开， IE中则是由padding，并且无法设置边框； 主要参考大神的博客，http://www.zhangxinxu.com/wordpress/2009/08/%E5%A4%8D%E9%80%89%E6%A1%86%E6 阅读全文
posted @ 2017-04-05 09:50 milo_蓝色大飞机 阅读(11457) 评论(0) 推荐(0)
使用CSS实现自定义input[checkbox]样式
摘要：思路：使用label上的for熟悉，与checkbox上的id相对应来达到点击选中效果，在使用伪元素，或者其他元素，定位至checkbox上方，替代checkbox，并且隐藏checkbox，使用CSS3选择器：checked + 毗邻选择器，选中后给伪元素，或者其他元素添加选中样式； 兼容： ：a 阅读全文
posted @ 2017-04-05 09:44 milo_蓝色大飞机 阅读(10060) 评论(0) 推荐(0)