任务三、 一个最简单的移动端页面 今天完成的事情 运用布局知识跟随设计图进行布局，完成简单Demo并继续学习优化. 让布局更好适应屏幕变化(使用了盒模型及百分比). 了解rem&em&px区别 & 在Demo中应用rem. 图片处理学习. 明天计划的事情 [ ] 深度思考：手机分辨率和网页px的区别 ...
分类：
Web程序 时间：
2020-06-02 20:31:49
阅读次数：
109
CSS三个大核心模块：盒模型、浮动和定位，其余的都是细节。网页布局就是把网页元素（文字，图片等）资源放入盒子里，利用CSS合理摆放盒子的过程。说明盒模型就是把HTML页面中的元素看成是一个个矩形的盒子，里面装着内容的容器。每个矩形都由元素的内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。盒子模型在网页中，每个盒子都是大小不等的矩形框，除了有自己大
分类：
Web程序 时间：
2020-06-02 09:37:44
阅读次数：
73
CSS三个大核心模块：盒模型、浮动和定位，其余的都是细节。网页布局就是把网页元素（文字，图片等）资源放入盒子里，利用CSS合理摆放盒子的过程。说明盒模型就是把HTML页面中的元素看成是一个个矩形的盒子，里面装着内容的容器。每个矩形都由元素的内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。盒子模型在网页中，每个盒子都是大小不等的矩形框，除了有自己大
分类：
Web程序 时间：
2020-06-02 09:25:15
阅读次数：
59
CSS三个大核心模块：盒模型、浮动和定位，其余的都是细节。网页布局就是把网页元素（文字，图片等）资源放入盒子里，利用CSS合理摆放盒子的过程。说明盒模型就是把HTML页面中的元素看成是一个个矩形的盒子，里面装着内容的容器。每个矩形都由元素的内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。盒子模型在网页中，每个盒子都是大小不等的矩形框，除了有自己大
分类：
Web程序 时间：
2020-06-02 09:18:00
阅读次数：
67
1.介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？ 有两种， IE 盒子模型、W3C 盒子模型； 盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)；区 别： IE的content部分把 border 和 padding计算了进 ...
分类：
Web程序 时间：
2020-06-01 18:02:25
阅读次数：
121
1、默认情况下ul和li前面的实心圆和阿拉伯数字都死在盒模型的padding区域显示的，要想清楚ul的padding的同时保留实心圆和数字在content区域显示的方法：css加list-style-position:1inside(ul的content区域显示) 2 float属性的消除：①、清除 ...
分类：
其他好文 时间：
2020-05-31 16:21:54
阅读次数：
99
定义 BFC全称为block formatting context，意为块级格式化上下文，是Web页面中盒模型布局的css渲染模式。 可能上面的解释看了有点懵逼，通俗的说BFC指的的是一块区域的布局， 这个区域的布局有一个显著特点：这个区域内的子元素无论使用何种布局、何种样式都不会影响外部的元素。B ...
分类：
Web程序 时间：
2020-05-31 12:44:23
阅读次数：
56
css的display属性是前端开发中非常常见的属性，本文简单介绍下其中比较常用的属性值，即block、inline和inline-block。 HTML组件中呈现一片空白区域的组件都可当盒模型（box modal），而CSS则提供了display属性来控制盒模型的外观。 1. block类型（块） ...
分类：
Web程序 时间：
2020-05-31 11:16:48
阅读次数：
70
标准盒模型与IE盒模型 开发者们都知道，由于历史遗留问题与既定标准的发展，存在着两个css盒模型。即W3C的标准盒模型以及IE的怪异盒模型。在css中，可以用box-sizing去定义元素的盒模型。 比较这两个盒模型的差异之前，我们先来看一张图： 先不讨论宽高，我们把一个元素的组成分为：conten ...
分类：
其他好文 时间：
2020-05-30 21:38:56
阅读次数：
56
标准文档流 标准文档流，指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。前面的内容发生了变化，后面的内容位置也会随着发生变化。 HTML就是一种标准文档流文件。 微观现象 1. 空白折叠现象 2. 文字类的元素如果排在一行会出现一种高低不齐、底边对齐的效果 3. 自动换行， ...
分类：
Web程序 时间：
2020-05-30 10:34:39
阅读次数：
94
