1.div和span （1）div和span在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式 （2）div和span的区别在于，span是内联元素，div是块级元素 2.盒模型 3.布局相关的属性 （1）position定位方式 （2）定位 left、right、top、bott ...
分类：
Web程序 时间：
2019-08-15 12:49:08
阅读次数：
106
今天要写的是CSS布局—盒子模型 首先说一下CSS的整体布局： 它包括容器（container），页眉（header），导航条（navbar），页面主要内容（main），菜单（menu），主要内容（content），边条（sidebar），页脚（footer）。 具体图下图所示： ㈠概念与组成 1. ...
分类：
其他好文 时间：
2019-07-25 23:43:12
阅读次数：
116
一、css 样式 1.float 首先需要了解块级元素（block element）。每个块级元素都默认占用一行，在同一行只能添加一个块元素（float 除外）。块级元素一般可以嵌套块级元素或者行内元素，如使用 div 布局。 float 一般用于 div 布局的情形下，浮动的 div 可以向左或者 ...
分类：
Web程序 时间：
2019-07-13 22:41:30
阅读次数：
180
1.定位 定位的概念就是它允许你定义一个元素相对于其他正常元素的位置，它应该出现在哪里，这里的其他元素可以是父元素，另一个元素甚至是浏览器窗口本身。还有就是浮动了，其实浮动并不完全算是定位，它的特性非常的神奇，以至于它在布局中被人广泛的应用。我们会在后文中专门提及它的。 谈及定位，我们就得从posi ...
分类：
Web程序 时间：
2019-07-02 21:01:04
阅读次数：
131
https://www.jb51.net/web/639884.html 本文介绍了详解左右宽度固定中间自适应html布局解决方案，分享给大家，具体如下： a.使用浮动布局 html结构如下（为什么中间的网格宽度显示的和实际的不一样？怎么造成的;解决方法就是让中间的非浮动元素可以看到两边的浮动元素， ...
分类：
Web程序 时间：
2019-06-23 11:39:20
阅读次数：
151
css布局受浏览器视口的限制 桌面端浏览器只有布局视口的概念 桌面端浏览器像素比 1px对应css像素为1px 移动端浏览器有布局视口、可视视口、理想视口三个概念。 通过document.documentElement.clientWidth/Height可以获得浏览器的布局视口宽口。 通过scre ...
分类：
其他好文 时间：
2019-06-06 00:26:43
阅读次数：
116
1、流动模型 流动（Flow）是默认的网页布局模式。 特征： 1、块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认情况下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。 2、在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。 2、浮动模型 如 ...
分类：
Web程序 时间：
2019-05-31 16:19:55
阅读次数：
108
圣杯布局和双飞翼布局是经典的三栏式布局。两种布局达到效果上基本相同，都是两边两栏宽度固定，中间栏宽度自适应。（这两种布局都比较老） 在HTML结构上中间栏在最前面保证了最先渲染中间提升性能，并且兼容性良好。两种布局的实现方法前半部分相同，后半部分的实现各有利弊，下面会简单介绍两者的区别。 布局效果： ...
分类：
Web程序 时间：
2019-05-28 15:35:55
阅读次数：
140
···设置两个盒子 <div class="parent"> <div class="child"> </div></div> 方法一：absolute <!-- //父元素相对定位，子元素绝对定位 --> <!-- //绝对定位盒子模型有个特点：left + right + width + pad ...
分类：
Web程序 时间：
2019-05-18 15:26:12
阅读次数：
143
一天有一天的任务。 安逸的另一个名字，叫灭亡。 CSS 1.布局 2.css盒模型 3.css3新增属性 算法 1.冒泡排序 2.去重 Vue 1.与React，Angular的区别 2.mvvm区别 3.双向绑定 4.生命周期 ...
分类：
其他好文 时间：
2019-04-27 19:45:11
阅读次数：
166
