Flex的基本概念 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display:flex; } 行内样式也可以使用Flex布局 .box{ ...

过去在学习CSS的时候，首要任务就是要理解“box model”，因为box model是CSS里头很重要的模型概念，描述了padding、margin、border与content的空间定位，今天的项目竟然卡在一个简单的小问题，因此就用一 ...

我之前提到的那样，文档树中的每个元素只是一个矩形盒子。这些盒子都有一个背景层，背景层可以是完全透明或者其它颜色，也可以是一张图片。此背景层由8个CSS属性（加上1个简写的属性）控制。 background-color background- ...

网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C ...

html 加载时发生了什么 在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。 浏览器把所有样式(用户定义的CSS和用户代理)解析成 ...

按照先后顺序有以下：1.去掉无意义的修饰。嗯，我会瞎说吗？除了内容图片，其他的图片的作用是修饰，也就是对于传达信息来说并非本质性的。最大的优化就是压根不要图片！所以在优化之前要做的，首先是确认设计，设计本身是否需要用那么多图片？还是说可以更 ...

今日内容： 1、css属性和属性值的定义 2、css文本属性 3、css列表属性 4、css边框属性 5、css背景属性 6、css浮动属性 一、css属性和属性值的定义 属性：属性是指定选择符所具有的属性，它是css的核心，css2共有1 ...

今日内容： 1、认识盒子模型 2、盒子模型的组成部分 3、学习盒子模型的相关元素 margin padding 4、文本溢出相关的属性 一、css属性和属性值的定义 盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。cs ...

html常用标签 元素 表示一个HTML文档的根（顶级元素），所所以它也被称为根元素。其他所有其他元素必须是此元素的后代。 可用于元素内的元素有:, , , <st ...

听到前端技术，不少朋友一定会感到有些陌生。但其实，前端，你每天都在接触。 你正在使用的APP，你正在浏览的网页，这些你能看到的界面，都属于前端。 而前端最重要的三大技术，HTML，CSS，JavaScript，则是每一个前端开发者必须具备的 ...