HTML + CSS
文章平均质量分 87
落雪小轩韩
这个作者很懒,什么都没留下…
展开
-
float元素先后顺序
在练习经典左中右三列布局,左右固定宽度,中间撑开自适应中遇到的小问题本来想效果是这种:写完代码如下:<style> .container { height: 200px; } .container div { height: 100px; } .left { float: left; width: 500px; background: red; } .center { background: green; }原创 2021-08-06 08:25:47 · 334 阅读 · 1 评论 -
HTML5全局属性汇总
局部属性:有些元素能规定自己的属性,这种属性称为局部属性。比如link元素,它具有的局部属性有href、 rel、 hreflang、 media、 type、 sizes这六个。全局属性:可以用来配置所有元素共有的行为,这种属性称为全局属性,可以用在任何一个元素身上。1、accesskey属性使用accesskey属性可以设定一个或几个用来选择页面上的元素的快捷键。在上面的例子中,三个input元素添加了accesskey属性,这样在Mac下就可以用Control + Alt(Option) +原创 2021-08-02 08:38:11 · 933 阅读 · 0 评论 -
HTML5的新特性概述
html5作为html的代替者,成为新的标准,而且时至今日,在前端开发中,已经被大家广泛应用,但是对于html5有哪些具体功能和特性,有不少人就对它认识就显得模糊了。下面是我总结的一些h5的新特性,供大家参考:语义化标签html标签是我们开发前端界面的骨架,但是以前我们使用html标签布局使用的都是div标签,div标签的语义非常的不清晰,因此html5为了规范这一块,给出了一系列的标签: 头部区域标签,块级标签 底部区域标签,块级标签 导航区域标签,块级标签 时间区域标签,内联标签 文章原创 2021-07-30 09:07:48 · 180 阅读 · 0 评论 -
BFC布局
1、BFC的定义我们常说的文档流分为普通流、浮动流与定位流三种。FC(formatting context格式化上下文),指的是一块渲染区域,依靠渲染规则,决定其子元素如何布局及与其他元素的关系和作用。FC分为BFC、IFC、GFC和FFC,其中BFC(block formatting context)块级格式化上下文BFC可以简单的理解为某个元素的一个css属性,只不过这个属性不能被开发者显式的修改,拥有这个属性的元素对内部元素和外部元素会表现出一些特性,这就是BFC。2、BFC的特点1.内部原创 2021-07-29 16:58:05 · 493 阅读 · 2 评论 -
浅谈重排(回流)与重绘
1、浏览器的渲染机制浏览器渲染展示网页的过程,大致分为以下几个步骤:1.解析HTML(HTML Parser)2.构建DOM树(DOM Tree)3.渲染树构建(Render Tree)4.绘制渲染树(Painting)也就是说浏览器下载完页面所有的资源后,就要开始构建DOM树,和DOM树同期会构建Style Tree。DOM树与Style Tree合并为渲染树(Render Tree)DOM树是用来表示页面中的结构,而渲染树表示页面的节点如何显示。一旦渲染树构建完成,就要开始绘制(pa原创 2021-07-28 18:43:18 · 241 阅读 · 1 评论