CSS（是什么，怎么用，重点：选择器，美化网页，盒子模型，浮动，定位） 什么是css cascading style sheet 层叠样式表 表现：表现（美化网页） 怎么用 <head> <meta charset="UTF-8"> <title>Title</title> <style> h1{ ...
分类：
Web程序 时间：
2020-03-07 15:50:35
阅读次数：
111
1.为什么清除浮动？ 浮动的框可以左右移动，直到遇到另一个浮动框或者遇到它外边缘的包含框。浮动框不属于文档流中的普通流，当元素浮动之后，不会影响块级元素的布局，只会影响内联元素布局。此时文档流中的普通流就会表现得该浮动框不存在一样的布局模式。当包含框的高度小于浮动框的时候，此时就会出现“高度塌陷”。 ...
分类：
Web程序 时间：
2020-03-07 13:29:11
阅读次数：
92
BFC(块级格式化上下文)是web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互区域。触发条件根元素, 即HTML元素float的值不为noneoverflow的值不为visibledisplay的值为inline-block, table-cell, ... ...
分类：
其他好文 时间：
2020-03-07 12:55:37
阅读次数：
68
在网页中元素有三种布局模型：1.流动模型（Flow）2.浮动模型 (Float)3.层模型（Layer）,如何让html元素在网页中精确定位?通过css定位属性position来支持层布局模型=>层模型有三种形式：1.绝对定位(position: absolute)2.相对定位(position: ... ...
分类：
Web程序 时间：
2020-03-07 00:13:16
阅读次数：
87
文档流： 普通流：上至下，左至右 浮动流：元素添加了float：； 定位流：添加了定位属性 定位 position:; static 默认值 absolute 绝对定位(脱离文档流，不占位；默认参考浏览器零点) relative 相对定位（占据文档流，占位置；参考自身加载在页面中的位置） fixed ...
分类：
其他好文 时间：
2020-03-06 19:06:58
阅读次数：
57
页面自适应，是指页面内容自动适应屏幕大小。实现自适应的方法有多种：1、简易场景实现自适应：浮动、页面居中、设置百分比属性、自动匹配大小。这样在页面宽度发生变化时，能利用以上特性实现简易的自适应效果。2、如果实际开发中有复杂场景的需求，一般通过编写多套CSS代码，然后用媒体查询技术，让页面根据不同屏幕 ...
分类：
其他好文 时间：
2020-03-06 17:15:50
阅读次数：
66
1.BFC（块级格式上下文，用于清除浮动，防止margin重叠等） 块级格式上下文，是一个独立的渲染区域，并且有一定的布局规则。BFC区域不会与float box重叠，BFC是页面上的一个独立的容器，子元素不会影响到外面，计算BFC高度时，浮动元素也会参与计算。 1.1哪些元素会生成BFC 根元素， ...
分类：
Web程序 时间：
2020-03-06 15:11:08
阅读次数：
83
css 定位概念 CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。 1，相对定位 相对于一个元素的正常位置来对其定位。 2，绝对定位 使用绝对值来对元素进行定位。 3，浮动 浮动的框可以向左或向右移 ...
分类：
Web程序 时间：
2020-03-04 00:44:50
阅读次数：
81
BFC也是HTML中的一个盒子（看不见而已），只有满足至少下列条件之一才能形成BFC: float属性不为none. position属性不为static和relative. display属性为下列之一:table-cell,table-caption,inline-block,flex,or i ...
分类：
其他好文 时间：
2020-03-03 12:53:14
阅读次数：
63
高度塌陷的产生条件：父元素没有设置高度，所有的子元素都浮动 父元素在文档流中高度默认是被子元素撑开的, 1 <!DOCTYPE html> 2 <html 3 <head> 4 <meta charset="utf-8"> 5 <title>解决高度塌陷</title> 6 <style type= ...
分类：
其他好文 时间：
2020-03-01 20:19:44
阅读次数：
68
