CSS之div和span标签

div和span是非常重要的标签，div的语义是division“分割”； span的语义就是span“范围、跨度”。

这两个东西，都是最最重要的“盒子”。

1 <div>

2 <h3>中国主要城市</h3>

3 <ul>

4 <li>北京</li>

5 <li>上海</li>

6 <li>广州</li>

7 </ul>

8 </div>

10 <div>

11 <h3>美国主要城市</h3>

12 <ul>

13 <li>纽约</li>

14 <li>洛杉矶</li>

15 <li>华盛顿</li>

16 <li>西雅图</li>

17 </ul>

18 </div>

div在浏览器中，默认是不会增加任何的效果改变的，但是语义变了，div中的所有元素是一个小区域。

div标签是一个容器级标签，里面什么都能放，甚至可以放div自己

span也是表达“小区域、小跨度”的标签，但是是一个“文本级”的标签。

就是说，span里面只能放置文字、图片、表单元素。 span里面不能放p、h、ul、dl、ol、div。

span里面是放置小元素的，div里面放置大东西的：

1 <p>

2 简介简介简介简介简介简介简介简介

3 <span>

4 <a href="">详细信息</a>

5 <a href="">购买</a>

6 </span>

7 </p>

div标签是最最重要的布局标签：

1 <div class="header">

2 <div class="logo"></div>

3 <div class="nav"></div>

4 </div>

5 <div class="content">

6 <div class="guanggao"></div>

7 <div class="dongxi"></div>

8 </div>

9 <div class="footer"></div>

所以，我们亲切的称呼这种模式叫做“div+css”。div标签负责布局，负责结构，负责分块。css负责样式。

转载于:https://blog.51cto.com/huyusheng/1925544

CSS之div和span标签相关推荐

css div下第一个span,CSS之div和span标签
div和span是非常重要的标签,div的语义是division"分割": span的语义就是span"范围.跨度". 这两个东西,都是最最重要的"盒 ...
html5无意义标签,无意义的div和span标签
HTML 元素是块级元素,它是可用于组合其他 HTML 元素的容器. 元素没有特定的含义.除此之外,由于它属于块级元素,浏览器会在其前后显示折行. 如果与 CSS 一同使用, 元素可用于对大的内容块设 ...
html中span跟div属性,HTML 的 div 和 span 标签
这篇文章里会涉及到两个术语,这里先明确一下: 块级元素,block level element 内联元素(或者叫行内元素),inline element 大多数 HTML 元素被定义为块级元素和内联元 ...
html中span隐藏属性,Div和Span标签显示与隐藏
本实例中,学习jQuery的知识,显示与隐藏网页上的div或是span标签. 实际环境中,也许是根据某些条件进行,符合条件时,对某个或是某个div或是span标签时行显示与隐藏. 主要是学习jQuer ...
css的div，span，img，a，map等一些常见标签使用回顶设置
目录 h标签常用(p.hr.br等)和改变字体标签特殊字符标签 ol.ul.dl标签 div和span标签 img标签 a标签 map标签(图片热区链接) 回顶设置基础知识,一些标签的使用 h标 ...
Div与Span标签详解
Div与Span标签详解一.DIV 1.简介 2.作用 3.案例二.span 1.简介 2.语法 3.案例一.DIV 1.简介在html中布局使用最多标签为div, 我们通常将网页重构说成di ...
web前端——div和span标签
div和span标签都是用来帮助页面进行排版的,它们两个没有自己的语意. div:块级元素,所谓的块级元素,就是可以通过css设置宽高等一些大小的样式,这样的元素标签称为块级元素.块级元素的特点是自己 ...
day01【HTML基础】HTML表单【重点】、表单控件、水平线标签、段落和换行标签、超链接标签、图像标签、列表标签、div和span标签、转义（实体）字符、基本表格、合并表格
HTML 一 HTML概述超文本标记语言(Hyper Text Markup Language) 作用:搭建基础网页超文本:具有普通文本的特性,同时还可以加入图片.视频.超链接等等. 标记:即标签 ...
div和span标签（HTML）
div和span标签(HTML) <!DOCTYPE html> <html lang="en"><head><meta charset= ...

CSS之div和span标签

CSS之div和span标签相关推荐

最新文章

热门文章