爱丽丝漫游前端小世界

利用CSS伪类，为select添加伪类required，即不能为空；而默认选项(Placeholder)的value为空，触发invalid，实现不选时置灰的效果；

快速入坑：Learn CSS Layout深入：CSS basic box model W3C Working Draft  /*  画外音：有时间还是应该多看Working Draft，随便写好像很简单，系统学习起来觉得CSS真是深坑。     文档有些说得有些个晦涩，按自己的理解稍微整理了一下， 如有不对欢迎指正！(ง •_•)ง  *//* 好啦敲黑板：*/block-level boxes...

* Flexbox前后有三个版本，较老的浏览器会存在兼容性问题。IE11部分支持，IE10部分支持（需加-ms-）。* CSS的columns在伸缩容器上无效；float、clear、vertical-align在伸缩项目上无效；最新版本Flexbox的使用：伸缩容器display: flex | inline-flex伸缩项目：伸缩容器的每个子元素（需要盒修复的元素除外）；伸缩流方向flex-d...

CSS3 渐变（IE9&-用滤镜filter来兼容）线性渐变：linear-gradient([ [ <angle> | to <side-or-corner> ] ,]? <color-stop>[, <color-stop>]+)<side-or-corner> = [left | right] || [top | botto...

增加了强大的选择器，如E[att^="val"]，E[att$="val"]，E[att*="val"]，E:last-child，E:nth-child(n)，E:nth-last-of-type(n)，E:checked，E:enabled，E:target，E::selection等；布局更灵活：弹性盒子：Flexbox；多列布局：columns；响应式设计Responsive、媒体查询Me...

浏览器的主要组件包括：1.      用户界面 - 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的你请求的页面外，其他显示的各个部分都属于用户界面。2.      浏览器引擎 - 在用户界面和渲染引擎之间传送指令。3.      渲染引擎 - 负责显示请求的内容。如果请求的内容是 HTML，它就负责解析 HTML 和 CSS 内容，并将解析后的内容显示在屏幕上。4.      网络...