前言 在本文中将会用Vue完成九宫格拖拽效果，同时介绍一下网格布局。具体代码以及demo可以点以下超链接进入 传送门：Demo以及完整代码连接 效果实例 简单了解Grid布局（网格布局） 什么是网格布局 CSS网格布局（又称“网格”），是一种二维网格布局系统。CSS在处理网页布局方面一直做的不是很好 ...
分类：
其他好文 时间：
2020-04-30 09:53:07
阅读次数：
51
1. Web前端分工： HTML——网页内容 CSS——网页布局 JavaScript——网页行为 2. JavaScript又称 ECMA-262（European Computer Manufacturers Association）标准的实现和扩展。 3. JavaScript脚本可放置于网页 ...
分类：
编程语言 时间：
2020-04-24 01:43:14
阅读次数：
74
网页布局方式 1.什么是网页的布局方式? 就是浏览器如何对网页中的元素进行排版. 2.标准流(文档流/普通流)排版方式 浏览器默认的排版方式就是标准流排版方式 在CSS中将元素分为三类, 分别是块级元素 行内元素 行内块级元素 标准流中有两种排版方式,一种是垂直排版 一种是水平排版 垂直排版如果元素 ...
分类：
Web程序 时间：
2020-04-20 11:55:02
阅读次数：
68
当我们需要在原有网站进行样式修改的时候，需要修改对应的CSS文件样式，修改好之后需要上传到客户网站 上传之后会发现网页布局存在问题，但是可以确定CSS文件确定是修改了的，用Ctrl+F5刷新之后正常。 总结之后发现需要给引用CSS文件的路径后添加对应的版本号，例如： <link rel="style ...
分类：
Web程序 时间：
2020-04-15 11:14:59
阅读次数：
87
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各 ...
分类：
其他好文 时间：
2020-04-07 18:31:12
阅读次数：
79
css盒模型是网页布局中不可或缺的部分，以下是对css盒模型简要介绍的思维导图： 注：margin常出现的bug： a：当父元素和子元素都没有设置浮动的情况下，如果给第一个子元素添加margin-top 会错误的把margin-top加在父元素上 b：上下相邻两个元素之间的margin值，不会叠加， ...
分类：
Web程序 时间：
2020-04-01 01:21:47
阅读次数：
319
css盒模型： 是网页布局的基石 盒模型，从里到外包括： ①、内容区————鸡蛋 ②、内填充(补白)——泡沫 ③、盒子边框(可选)——快递盒子 ④、外边距——————盒子外部的距离1、padding： padding的用法： ①、padding是长在内容和盒子之间的，在盒子内部 ②、padding是 ...
分类：
Web程序 时间：
2020-03-29 23:59:16
阅读次数：
151
1.HTML布局的基本： 区块元素：该元素标签的显示以新的一行来作为开始。 h1\p\ul\table 内联元素：元素标签的显示不会以新的一行开始 td\a\img div: 块级元素，作为其他元素的容器 span：内联元素，作为其他文本元素标签的容器 总结：网页布局采用span 或者div进行布局 ...
分类：
Web程序 时间：
2020-03-07 21:14:16
阅读次数：
118
<html> <head> <title>css的盒子模型学习</title> <meta charset="UTF-8"/> <!-- css的盒子模型学习： div标签： 块级标签，主要是用来进行网页布局的，会将其中的子元素内容作为一个独立的整体存在。 特点： 默认宽度是页面的宽度，但是可以设置 ...
分类：
Web程序 时间：
2020-03-04 19:38:53
阅读次数：
60
Sitemesh是一个网页布局和修饰的框架，利用它可以将网页的内容和页面结构分离，以达到页面结构共享的目的。 通俗的理解就是，sitemesh把网页中变化的和不变化的分离开来，用不变的去装饰各种变化的内容。从而使页面具有统一的布局，而且方便页面的管理。不变的页面称之为装饰页面，内容变化的页面称之为被... ...
分类：
其他好文 时间：
2020-02-28 11:50:05
阅读次数：
43
