关于布局 display 是CSS中最重要的用于控制布局的属性。每个元素都有一个默认的 display 值，这与元素的类型有关。对于大多数元素它们的默认值通常是 block 或 inline 。一个 block 元素通常被叫做块级元素。一个 inline 元素通常被叫做行内元素。另一个常用的disp ...
分类：
Web程序 时间：
2018-06-19 21:35:13
阅读次数：
233
1.概念 流实际上就是浏览器在页面上摆放HTML元素所用的方式，针对块级元素和内联元素摆放方式各有不同。 为什么要讲流，因为是我们学习CSS布局定位知识必须理解的一个知识点，即流是CSS规定的网页元素默认的排列方式。 在开发情况下，我们往往会结合自己的设计去自定义的去布局定位元素，这往往会打破流的摆 ...
分类：
其他好文 时间：
2018-06-19 17:48:56
阅读次数：
149
<body> <div class="parent"> <div class="leftChild"></div> <div class="rightChild"></div> </div> </body> body {width： 100%， height： 100%} .parent {over ...
分类：
Web程序 时间：
2018-06-15 16:17:06
阅读次数：
522
1.左右定宽固定，中间自适应的布局 用flex布局，核心是把中间元素声明flex:1，使其占满剩余空间 2.上下固定，中间自适应的布局 用绝对定位布局，核心是中间元素的top与bottom给出来。 那这个上下固定，中间自适应是否可以用flex来做呢？显然可以，其实问题1与2都是可以用定位或flex来 ...
分类：
Web程序 时间：
2018-06-09 19:00:40
阅读次数：
224
最近发现，好多排名靠前的技术博客，首先是排版特别美观，然后博客CSS布局也是自定义设置的，故在网上找了些例子，对自己博客进行了小小改动，将部分代码及链接分享给大家！ 美化博客内容 美化签名 美化推荐及反对 设置推荐及反对按钮在页面右下角浮动显示，屏蔽反对按钮。 屏蔽广告 美化博客侧边栏公告 插入时钟 ...
分类：
其他好文 时间：
2018-06-09 16:39:16
阅读次数：
201
CSS布局样式： 常用样式： ① 字体 ② 颜色 ③ 背景 布局： ① 浮动 ② 定位 ③ 标签特性 标签盒子模型： ① 内边距 ② 边框 ③ 外边距 动画： ① 旋转 ② 渐变 Link的正确用法： <link rel="stylesheet" href="ZuoYe1.css"> 常用样式： ① ...
分类：
Web程序 时间：
2018-06-08 17:27:35
阅读次数：
240
CSS框模型（译者注：也被称为“盒模型”）是网页布局的基础 ——每个元素被表示为一个矩形的方框，框的内容、内边距、边界和外边距像洋葱的膜那样，一层包着一层构建起来。浏览器渲染网页布局时，它会算出每个框的内容要用什么样式，周围的洋葱层有多大，以及框相对于其它框放在哪里。在理解如何创建 CSS 布局之前 ...
分类：
Web程序 时间：
2018-06-05 18:42:08
阅读次数：
269
CSS框模型（译者注：也被称为“盒模型”）是网页布局的基础 ——每个元素被表示为一个矩形的方框，框的内容、内边距、边界和外边距像洋葱的膜那样，一层包着一层构建起来。 浏览器渲染网页布局时，它会算出每个框的内容要用什么样式，周围的洋葱层有多大，以及框相对于其它框放在哪里。 在理解如何创建 CSS 布局... ...
分类：
Web程序 时间：
2018-06-01 16:52:38
阅读次数：
198
简述 对于CSS的学习来说，布局和定位可以说使最关键的一部分，也是最基础的部分，布局和定位方面在学习的时候应该要系统，要自己总结一遍，如果只是草草的过一遍，就直接开始做demo，会遇到很多坑，反而得不偿失。因此我写下这篇博客，读者如果发现问题，望不吝赐教。 一 盒模型 在讲布局和定位之前，先总结一下 ...
分类：
Web程序 时间：
2018-06-01 00:22:34
阅读次数：
244
前言 我们都知道，固定高宽的div在网页中垂直居中很简单，相信大家也很容易的写出来，但是不是固定高宽的div如何垂直居中呢？我们在网页布局，特别是手机等web端网页经常是不固定高宽的div，那么这些div如何垂直居中呢？这篇文章，我总结一下。 固定高宽div垂直居中 如上图，固定高宽的很简单，写法如 ...
分类：
Web程序 时间：
2018-05-27 12:01:46
阅读次数：
211
