【CSS 基础】05 块级标签、行级标签、行内块级标签
来源:互联网 发布:ubuntu 删除文件命令 编辑:程序博客网 时间:2024/06/14 07:30
块级标签、行级标签、行内块级标签
我们已经学习了很多的HTML标签,不同的标签有不同的特性,比如从文档流的角度区分,那么标签元素分为块级标签(元素)、行级标签和行内块级标签。
1. 块级元素
- 能设置宽高
- 独占一行
- 常见块级标签:p、ul、ol、li、hn、div
2. 行级元素
- 不能设置宽高
- 可以和其他标签共用一行
- 常见块级标签:a、strong、span
3. 行内块级元素
- 能设置宽高
- 可以和其他标签共用一行
- 常见块级标签:img、form
display属性
1. 块元素转行元素
display: inline;
2. 行元素转块元素
display: block;
3. 兼具行元素和块元素特性
display: inline-block;
比如,现在很多网站的导航栏,一定是a标签实现的。但是a标签无法设置宽高,所以可能通过设置display属性实现。当然在后面还会介绍其他实现方式。
4. 隐藏元素
display: none;
可以将元素隐藏,并且不占用空间。比如注册账号时弹出对话框,当点叉取消是,可以使用display将其隐藏掉。
初始DIV + CSS
1. div和span
div 和 span不像img、a标签那样。 它们都没有实际的功能,只是规划出一个区域,用来实现布局。
div 是块级标签,span是行级标签。
2. DIV + CSS
在网页开发中,通常使用div标签配合css实现布局网页。优点见css概述。
例如,可以将京东首页通过div划分成不同区域。至于如何组合,后面再详细介绍。
阅读全文
0 0
- 【CSS 基础】05 块级标签、行级标签、行内块级标签
- 行级标签、块级标签和行内块级标签
- CSS 自动换行, 块级标签 变 行级标签
- CSS 自动换行, 块级标签 变 行级标签
- html css 行级标签 块级标签
- css块级标签,行内标签,行内块标签的转换(2)
- 块级标签和行级标签
- 块级标签和行级标签
- html标签--块级标签
- CSS块级标签与内联标签嵌套规则
- html基本标签,列表标签,超链接标签,表格标签,块级标签,行级标签,表单标签,文本域标签,表单标签
- 块级标签
- 初学者之CSS学习(四)行级标签和块级标签
- 内联标签和块级标签
- 块级标签和内联标签
- 块级标签与内联标签
- 行级标签和块级标签的区别
- 块级标签、行级标签的特点
- Java的简单单元测试例子
- 欧拉函数
- H
- 1160: 矩阵的最大值(指针专题)
- 为什么jdk的CLASSPATH环境变量需要设置rt.jar 和 tools.jar
- 【CSS 基础】05 块级标签、行级标签、行内块级标签
- AtCoder Beginner Contest 068 D
- ProgressBar
- 关于windows家庭版vmware虚拟网卡没有导致的虚拟机无法连接成功网络问题
- HTML5基本格式
- HDU1548 奇怪的电梯 最短路 spfa bfs
- UE4之HTTP请求
- Android完美适配dimens.xml脚本
- 未定义N维数组的转置 请改用 PREMUTE