一、HTML5介绍 网页声明!DOCTYPE html 网页标题title 设置字符编码集格式meta charset 网页头部head 二、文本标记 行内元素用来做细微的调整，可以和其他行内元素共存一行 b 加粗 i 倾斜 u 下划线 s 删除线 sup 上标 sub 下标 span 三、HTML ...
分类：
Web程序 时间：
2020-07-23 23:28:25
阅读次数：
171
1、请详细说明position定位的值有什么区别 static:position属性 默认值 relative：相对定位，定位是相对于自身位置定位（设置偏移量的时候，会相对于自身所在的位置偏移）。设置了relative的元素仍然处在文档流中，元素的宽高不变，设置偏移量也不会影响其他元素的位置。最外层 ...
分类：
其他好文 时间：
2020-07-11 19:22:22
阅读次数：
58
1、css 避免过多样式嵌套 避免使用css表达式 使用绝对定位可以让动画元素脱离文档流（给动画元素做单独定位） 避免使用table布局（会引起多次重绘） 尽量不适用float布局 图片最好设置好width和height 尽量简化浏览器不必要的任务，减少页面重新布局 使用viewpoint设置屏幕缩 ...
分类：
其他好文 时间：
2020-07-08 01:39:47
阅读次数：
91
一、基础布局方式 0. 普通/文档流 布局 早期 <table>， 后来 <div> ，再后来 html5 语意化标签按照自上而下的方式顺次排布。 1. Float 布局 float: left/right 最初设计目的是用于图文环绕排版、不过目前常用于左右布局。 2. 绝对布局 position: ...
分类：
其他好文 时间：
2020-07-05 21:27:59
阅读次数：
82
CSS 有三种基本的定位方式：文档流、浮动和定位。 文档流(normal flow)： 文档流是所有元素布局的基础，作为从左到右、从上到下的布局方式，这是最常用的一种排版布局方式。 浮动(float)：float:left/right；浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动 ...
分类：
其他好文 时间：
2020-07-05 21:23:39
阅读次数：
146
在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。FC是formatting context的首字母缩写，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。常 ...
分类：
其他好文 时间：
2020-06-30 17:42:29
阅读次数：
57
文档流 所有的元素默认情况下都是在文档流中存在的 文档流是网页的最底层 元素在文档流中的特点： 块元素 1.默认宽度是父元素的全部 2.默认高度被内容（子元素）撑开 3.在页面中自上而下垂直排列 内联元素 1.默认高度和宽度都被内容撑开 2.在页面中自左向右水平排列，如果一行不足以容下所有的元素 则 ...
分类：
其他好文 时间：
2020-06-30 10:48:12
阅读次数：
49
css可以通过为元素设置一个position属性值,从而达到将不同的元素显示在不同的位置, position定位是指定位置的定位，以下为常用的几种： 1、static（静态定位）： 这个是元素的默认定位方式，元素出现在正常的文档流中，会占用页面空间。也就是按照文档的书写布局自动分配在一个合适的地方， ...
分类：
Web程序 时间：
2020-06-17 01:44:52
阅读次数：
85
虽然说：定位和浮动都是脱离文档流；但是其实区别还是蛮大的，话不多说，见下图： 效果是这样的： 可以看到，浮动虽然脱离了文档流；但是 文本是可以互相看见的；并且保证不被遮起来（超出另算：文本会重叠）；不论是 父子元素还是兄弟元素；都是可以互相看见的； 当我们换成定位以后： 效果如下图： 不难发现；定位 ...
分类：
其他好文 时间：
2020-06-08 20:56:20
阅读次数：
83
1.文档流 简单说就是元素按照其在 HTML 中的位置顺序决定排布的过程。HTML的布局机制就是用文档流模型的，即块元素（block）独占一行，内联元素（inline）不独占一行。一般使用margin是用来隔开元素与元素的间距；padding是用来隔开元素与内容的间隔。margin用于布局分开元素使 ...
分类：
Web程序 时间：
2020-06-08 15:04:12
阅读次数：
70
