块级元素(block level) 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。 霸道 块级元素的特点： （1）总是从新行开始 （2）高度，行高、外边距以及内边距都可以控制。 （3）宽度默认是容器的100% （4）可以容纳内联元素和其 ...
分类：
其他好文 时间：
2019-10-16 21:33:53
阅读次数：
73
我们在编写网页代码时，首先应该做的就是设计好页面的布局形式，然后再往里面填充内容。网页布局的好与坏，直接决定了网页最终的展示效果。PC端常见的网页布局形式有两列布局、三列布局等。在CSS中，我们通常使用浮动(float)、定位(position)、显示模式(display)相关属性结合使用，以达到预期效果。一 文档流 文档流就是HTML文档内所有元素按照一定规律排列并显示的形式。 CSS文档
分类：
Web程序 时间：
2019-10-13 11:17:57
阅读次数：
77
布局类别 固定网页布局：设置固定宽度，px为单位。常见PC端页面。 流式布局+伸缩布局+rem+媒体查询：设置相对宽度，%为单位。适配移动页面。 响应式布局：检测设备信息决定布局方式。一般通过检测设备的宽度。适合结构简单的页面。（比如公司宣传页面、个人博客） 栅格化布局：css框架Bootstrap ...
分类：
其他好文 时间：
2019-10-06 11:44:17
阅读次数：
84
行布局 多列布局 圣杯布局 双飞翼布局 一、行布局 行布局垂直水平居中 注：这里没有用margin: 0 auto;先让它水平居中，而是使用了绝对定位布局，然后设置top:50%; left:50%;但是光设置这个还不够，因为这并不是水平垂直居中，因为它并没有考虑自身的宽度和高度，所以这里根据盒子本 ...
分类：
Web程序 时间：
2019-10-02 16:27:27
阅读次数：
89
EverWeb for Mac是mac平台上一款简单实用的网页设计软件。这款软件可以帮助大家进行网页设计，只要大家将文字，形状或图像放置在网页画布上的任何位置，其他剩余的部分EverWeb会帮用户完成，十分简单和方。这款软件还搜集了众多丰富多样的网页布局模板，能够快速的帮助大家进行网页设计。 这款网 ...
分类：
Web程序 时间：
2019-09-18 20:56:15
阅读次数：
177
瀑布流 是一种常见的网页布局方式，在许多网站中我们都能看到“瀑布流”的效果，其特征是有网页视窗有多个高度不同宽度相同的“块”组成。因其样式酷似飞流直下的瀑布， 故将这种布局方式称为瀑布流。 生活中瀑布流实例： 花瓣网 在css中我们学习过使用Multi-columns来实现瀑布流的效果 通过 Mul ...
分类：
Web程序 时间：
2019-09-16 00:49:36
阅读次数：
179
用css隐藏页面元素有许多种方法。 第一种方法【opacity: 0;】 opacity属性通常用于设置一个元素的透明度，从另一个角度来看，如果透明度为0，也就从视觉上隐藏了该元素。 这个属性不是为改变元素的边界框（bounding box）而设计的，元素本身依然占据它自己的位置并对网页的布局起作用 ...
分类：
Web程序 时间：
2019-09-13 01:27:33
阅读次数：
125
一、静态布局（Static Layout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条 ...
分类：
其他好文 时间：
2019-09-04 19:18:22
阅读次数：
126
平时在网页布局的时候总是有文字内容多了，超过溢出限制的高度，那么就会有一些图片会撑破DIV，让网页错位变乱的问题，那如何解决呢？ 这就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉，又不撑破DIV布局。 特别是在IE6，如果内容超出对象高度和宽度承载，将会被撑破增高，这个时候 ...
分类：
其他好文 时间：
2019-08-30 22:55:41
阅读次数：
93
流动模型（一） 先来说一说流动模型，流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 流动布局模型具有2个比较典型的特征： 第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为10 ...
分类：
其他好文 时间：
2019-08-30 14:20:47
阅读次数：
70
