大家好，今天小编关注到一个比较有意思的话题，就是关于css3div的问题，于是小编就整理了3个相关介绍css3div的解答，让我们一起看看吧。

1. css3鼠标移入特效:如何实现div颜色渐变和放大缩小的效果
2. DIV + CSS3 和 html5 + CSS3 有什么区别
3. div+css3弹性盒子(flex box)布局

1、css3鼠标移入特效:如何实现div颜色渐变和放大缩小的效果

center②：设置中间为径向渐变圆心的纵坐标值。 left：设置左边为径向渐变圆心的横坐标值。 right：设置右边为径向渐变圆心的横坐标值。 top：设置顶部为径向渐变圆心的纵坐标值。 bottom：设置底部为径向渐变圆心的纵坐标值。

图片渐变切图时一定要以最小为准则，例如在做垂直方向的纯颜色的渐变时，尝试使用1个像素的竖直图片作为渐变背景“最小单元”。另外，要注意css3虽然支持很多的浏览器的兼容，但是目前不支持Opera浏览器。

首先，打开html编辑器，新建html文件，例如：index.html。

先使用一个div标签。然后在header标签里面设置div标签的css样式。颜色渐变要有一个范围，需要给div设定width和height，也就是宽度和高度。

在css标签内，再在background-im*e属性中通过linear-gradient设置p的背景颜色从左至右（toright），由红色（red）渐变至**（yellow）。在浏览器打开test.html文件，查看实现的效果。

2、DIV + CSS3 和 html5 + CSS3 有什么区别

DIV + CSS3 是制作静态网页部分通用的方式。同样适合html只是html5是针对制作手机网页.而我们通常用的html是在pc端使用的。

html5是html语言的一个版本，是设计网页使用的。HTML5很多用在手机应用平台；而css是一种网页样式语言，是对网页样式进行调整的 div只是一个排版工具。里面设置样式时，有自动提示***码。从大的来说。div里面包含了css样式。

没什么大区别，div照样用，只是html5里面增加了一些文档结构标签比如：n*、header等，方便而已，同事htm5增加了一些功能组建。

HTML（HyperTextMarkupLangu*e）是超文本标记语言的缩写HTML使用标记语言描述Web页面的结构HTML元素是HTML页面的构建块HTML元素通过标签t*表示HTML标签是“标题”、“段落”，“表格”等内容的一部分。

html0：没有体现结构语义化的标签，我们通常都是这样来命名的 div id=header/divhtml5：在语义上却有很大的优势。

3、div+css3弹性盒子(flex box)布局

flex 是 flexible box 的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性。能够高效方便的控制元素的对齐、排列，自动计算布局内元素的尺寸，无论元素的尺寸是固定的还是动态的，控制元素在页面的布局方向。

flex是flexinle BOX的缩写。意思是弹性布局，用来为盒模型提供最大的灵活性。 任何一个容器（标签）都可以指定为flex布局。

CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。

那Flex布局就是Flexible Box布局的缩写，就译为弹性盒子布局，用来对一个盒子进行灵活的布局。 在了解Flex布局之前，我们得先了解一下Flex布局里的两对儿 重要的 概念。

Flex是FlexibleBox的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性。布局的传统解决方案，基于盒状模型，依赖display属性＋position属性＋float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。

到此，以上就是小编对于css3div的问题就介绍到这了，希望介绍关于css3div的3点解答对大家有用。