WEB前端听课笔记——HTML之盒子模型
来源:互联网 发布:精解windows 10 pdf 编辑:程序博客网 时间:2024/05/22 00:48
1、元素分类
2、三种元素的性质可以通过CSS的display属性来转化html中的标签元素大体被分为三种不同的类型:块级元素、内联元素(又叫行内元素)和内联级状元素。
块级元素:
特征:
(1)每个块级元素都从新的一行开始,并且其后的元素也另起一行。(一个块级元素独占一行)
(2)元素的高度、宽度、行高以及顶和底边距都可设置。
(3)元素宽度在不设置的情况下,是它本身父容器的100%,除非设定一个宽度。
常见元素:
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>、<pre>
B、内联元素:
特征:
(1)和其他元素都在一行上;
(2)元素的高度、宽度及顶部和底部边距不可设置;
(3)元素的宽度就是它包含的文字或图片的宽度,不可改变。
常见元素:
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
C、内联块状元素:
特征:
(1)和其他元素都在一行上;
(2)元素的高度、宽度、行高以及顶和底边距都可设置。
常见元素:
<img>、<input>
转化成块级元素:display: block;
转化成内联元素:display: inline;
转化成内联块级元素:display: inline-block;
阅读全文
1 0
- WEB前端听课笔记——HTML之盒子模型
- WEB前端听课笔记——HTML之文本标签
- WEB前端听课笔记——HTML之布局标签
- WEB前端听课笔记——HTML之表单
- WEB前端听课笔记——HTML基础概念
- WEB前端听课笔记——HTML之常用格式标签
- WEB前端听课笔记——HTML之表单的两种提交方式比较
- web前端之盒子模型
- 【Web 前端】盒子模型
- Html—盒子模型
- 前端学习笔记之3 盒子模型
- 前端学习之路——盒子模型练习
- 【Web前端学习笔记】CSS3_常用属性,选择器,盒子模型
- HTML+CSS入门笔记二之HTML+CSS盒子模型
- 前端基础——CSS盒子模型
- 前端基础——CSS盒子模型
- H5前端基础——盒子模型
- HTML基础笔记之CSS盒子模型1(布局)
- busybox详细学习
- Ubuntu主目录下修改各文件夹名称
- 微软100题-010反转字符串
- 素数筛自己写的。
- 深度学习笔记——理论与推导之DNN(三)
- WEB前端听课笔记——HTML之盒子模型
- c语言零基础数据库入门(简单的)
- VirtualBox中的Ubuntu没有权限访问共享文件夹/media/sf_bak
- jQuery validate验证
- sentos 查看版本命令
- Veem利用区块链进行跨境支付
- C++中拒绝编译器自动生成copy构造函数和copy赋值运算符操作(6)---《Effective C++》
- 树状数组专题【完结】
- django自带后台admin设置中文