受近期疫情影响，我们都不能出家门，那么我们在家可以学习新知识，在逆境中提升自己。加油！！！逆战！！！盒模型： 盒模型是网页布局的基石。只有理解这个重要的概念，才能对网页进行更好的布局。 盒模型的概念： 盒模型从里到外分为：内容区[content]（可以是文字，图片，视频等等）、内填充[padding ...
分类：
Web程序 时间：
2020-02-25 19:37:05
阅读次数：
81
转眼已经是2020年的二月下旬了，一场疫情，改变了我之前的生活节奏。年过完了，疫情任然没有结束。在家隔离的这段时间，对我来说也是一个机会，因为不能出门反而使我能够静下心来安心认真的学习，学习充实了我的生活。最近我学习了盒模型，想和大家分享下对盒模型的理解，希望通过和大家的交流来补充自己的不足之处。 ...
分类：
其他好文 时间：
2020-02-23 20:27:31
阅读次数：
54
盒模型 盒模型是网页布局的基石，从盒子的内部到盒子的外围。其组成包括content(内容)、padding(内填充)、border边框、盒子本身和margin(外边距)。 盒模型具体的CSS属性：padding(内填充）和margin(外边距） padding的用法1、是长在内容和盒子之间的距离。2 ...
分类：
其他好文 时间：
2020-02-23 19:58:46
阅读次数：
56
概述： 标准盒模型是我们网页布局的基石，从盒子的内容到盒子的外围。 分别是内容content，内填充padding，边框border，外边距margin。 盒模型具体的css属性： 1 内填充padding属性 2外边距margin Padding用法：padding主要用于控制子元素在盒子内部的位 ...
分类：
其他好文 时间：
2020-02-22 14:19:49
阅读次数：
99
关于盒模型的理解 1、什么是盒模型 盒模型是网页布局的基石，从盒子的内部到盒子的外围。 盒子的内容主要包过：内容 congtent（图片、文本、视频、小盒子...） 内填充（补白）padding （让文本和盒子的周围产生间距相当于盒子里面的泡沫） 具体的css属性 盒子本身（border） 外边距 ...
分类：
其他好文 时间：
2020-02-22 14:13:15
阅读次数：
149
深入理解display属性前面的话display属性在网页布局中非常常见，但经常用到的仅仅是block、inline-block、inline和none等寥寥几个属性值，本文将详细介绍display属性的各个方面定义display属性用于规定元素生成的框类型，影响显示方式 值: none 、 inl... ...
分类：
其他好文 时间：
2020-02-18 20:26:21
阅读次数：
83
<template> <div> <el-container style="height: 500px; border: 1px solid #eee"> <el-aside width="200px" style="background-color: rgb(238, 241, 246);"> < ...
分类：
Web程序 时间：
2020-02-09 14:30:26
阅读次数：
142
网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于 "盒状模型" ，依赖 " " 属性 + " " 属性 + " " 属性。它对于那些特殊布局非常不方便，比如， "垂直居中" 就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地 ...
分类：
其他好文 时间：
2020-02-07 10:36:58
阅读次数：
56
在十多年前的时候，那时候使用表格来完成网页布局是非常参常见的技术，没有现在的css+div布局这一回事。表格你需要掌握，但是不必须精通，对于以后的css+div 你必须精通！ ...
分类：
其他好文 时间：
2020-02-02 00:54:16
阅读次数：
99
常见行布局： 导航使用position:fixed固定住 导航会脱离文档流，不占据空间 导致下面的元素上移，因此需要将下面的元素的padding-top设置成导航的高度 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t ...
分类：
Web程序 时间：
2020-02-01 14:35:40
阅读次数：
92
