一、div 和 span 标签的作用
1、div标签：一般用于存放图片、文字、视频、等网页内容，也就相当于存放一切内容，可以理解为一个大大的盒子。
2、span标签：一般只用于存放文字。
3、这两个标签没有具体的语义，不像<h>标签必须存放标题。
2024年10月24日
1、div标签：一般用于存放图片、文字、视频、等网页内容，也就相当于存放一切内容，可以理解为一个大大的盒子。
2、span标签：一般只用于存放文字。
3、这两个标签没有具体的语义，不像<h>标签必须存放标题。
2024年10月24日
div cssz-index层重叠顺序
div层、span层等html标签层重叠顺序样式z-index，平时CSS使用较少，但也会难免会碰到CSS z-index使用。
从基础语法到应用案例教程讲解学习z-index。
2024年10月24日
可以通过 <div> 和 <span> 将 HTML 元素组合起来。
HTML 块元素
大多数 HTML 元素被定义为块级元素或内联元素。
编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
例子：<h1>, <p>, <ul>, <table>
2024年10月24日
在很多web或者app页面中，我们可以看到各种各样的输入框，从外观上看它们可以直观的看做是input元素，但是实际上并非如此。我们可以通过别的标签去模拟input标签的效果，今天我们就来看看如何使用div标签模拟input标签的效果。
div+css
这里我们用ofo的主页面作为例子，在点击下面数字的时候，数字的内容会出现在输入框内，这个输入框就是用div模拟实现的。
2024年10月24日
什么是DIV？
DIV是层叠样式表中的定位技术，全称DIVision或叫做划分。在网站制作中DIV元素一般是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。当使用DIV+CSS布局的时候， 主要把它当做盒子然后把需要的文字，图像等内容放在DIV标签之中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。所以把它称作“层次”，或者直接就叫一段在 DIV 中的 HTML。
2024年10月24日
前端面试题中经常会出现这个问题，接下来，小郭就带你揭秘几种最常见的答案。
先设定一个html结构以及css的基本样式。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>如何让div实现水平居中</title>
</head>
<body>
<div id="dad">
<div id="son"></div>
</div>
</body>
</html>2024年10月24日
CSS3弹性布局(Flexible Box 或 Flexbox)是指通过调整其内元素的宽高，从而在任何显示设备上实现对可用显示空间最佳填充的能力。弹性容器扩展其内元素来填充可用空间，或将其收缩来避免溢出。
块级布局(block)更侧重于垂直方向、行内布局(inline)更侧重于水平方向，与此相对的，弹性盒子布局算法是方向无关的。特别适用于支持那些必须随用户代理(user agent)不同或设备方向从水平转为垂直等各种变化而变换方向、调整大小、拉伸、收缩的应用程序组件。
2024年10月24日
马上又要到秋招的时候了，又有不少人打算换工作了。前端在面试中总会被问到的一道基础题div居中方法，这里给大家总结一下都有哪些常用的方法。
2024年10月24日
实例
指定div元素的子元素横向排列：
div
{
width:350px;
height:100px;
border:1px solid black;
/* Firefox */
display:-moz-box;
-moz-box-orient:horizontal;
/* Safari, Opera, and Chrome */
display:-webkit-box;