![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css
hind sight
记录学习前端的点滴
展开
-
CSS之布局篇
1.Flex布局(弹性盒模型)Flex 布局教程:语法篇(阮一峰)Flex 布局教程:实例篇(阮一峰)2.Grid网格布局Grid网格布局教程(阮一峰)3.圣杯布局和双飞翼布局圣杯布局html代码中 main部分首先要放在cotent的最前部分。然后是left,right将三者都 float:left , 再加上一个position:relative (因为相对定位后面会...原创 2019-10-28 15:34:49 · 132 阅读 · 0 评论 -
CSS之面试题总结
1.CSS 的解析顺序css 选择器匹配元素是逆向解析因为所有样式规则可能数量很大,而且绝大多数不会匹配到当前的 DOM 元素(因为数量很大所以一般会建立规则索引树),所以有一个快速的方法来判断「这个 selector 不匹配当前元素」就是极其重要的。如果正向解析,例如「div div p em」,我们首先就要检查当前元素到 html 的整条路径,找到最上层的 div,再往下找,如果遇到...原创 2019-10-27 22:19:09 · 341 阅读 · 1 评论 -
CSS重点知识
CSSCascading Style Sheet 层叠样式表TODO:CSS各种选择器CSS三种显示模式CSS背景属性CSS三大特性CSS盒子模型CSS浮动CSS定位CSS3的新特性css选择器基础选择器序号选择器名称说明css版本1*通用选择器选择所有元素,包括html和body22div,span标签选择器...原创 2019-10-25 22:09:09 · 754 阅读 · 0 评论 -
html面试常被问的知识点
1.对浏览器内核的理解浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。渲染引擎 它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。JS 引擎 则是解析 Ja...原创 2019-10-25 21:52:34 · 1831 阅读 · 0 评论 -
h5新增API
H5-新增API全屏方法HTML5规范允许用户自定义网页上任一元素全屏显示。Node.requestFullScreen() 开启全屏显示Node.cancelFullScreen() 关闭全屏显示由于其兼容性原因,不同浏览器需要添加前缀如:webkit内核浏览器:webkitRequestFullScreen、webkitCancelFullScreen,如chrome浏览器。...原创 2019-10-24 15:30:14 · 230 阅读 · 1 评论