![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS5/H5学习笔记
文章平均质量分 59
鬼神miao
这个作者很懒,什么都没留下…
展开
-
九宫格的布局你能够想到哪些办法实现?它们各自的优缺点是什么?
1.背景介绍 要做九宫格,首先得明白什么是盒子模型。盒子模型是html+css中最核心的基础知识,理解了这个重要的概念才能更 好的排版。 我们可以把所有HTML元素都可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模型允许我们在其它元素和周围元素转载 2017-11-13 16:28:01 · 1334 阅读 · 0 评论 -
CSS中的三种样式来源:创作人员、读者和用户代理(转载)
CSS中的样式一共有三种来源:创作人员、读者和用户代理,来源的不同会影响到样式的层叠方式,很多第一次学习CSS的朋友,对这三种来源可能会存在一些困惑,下面我写一下自己的理解,若有错误的地方还请指正。 首先,创作人员(author's+style)样式应该是我们最熟悉的,如果你是一个前端开发者,那么你写的那些样式就叫做创作人员样式。 然后是用户代理样式(agent's+style),用户转载 2017-11-14 23:54:48 · 1273 阅读 · 0 评论 -
Flex 布局
一、Flex 布局是什么? Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ display: inline-flex; } Webkit 内核的浏览转载 2017-11-15 19:29:53 · 279 阅读 · 0 评论 -
怪异模式(Quirks Mode)对 HTML 页面的影响
Quirks Mode 概述 定义 什么是 Quirks Mode? 简单来说,Quirks Mode 就是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循 W3C 标准的网页而产生的一种页面渲染模式。 历史 由渲染引擎产生的两种文档模式 谈到 Quirks modes 首先就要从浏览器渲染引擎说起。我们知道所有的浏览器都有自己的页面渲染引擎,渲染引擎主要转载 2018-02-05 15:38:27 · 418 阅读 · 0 评论