3.htm标签块及和行内

来源:互联网 发布:微星 网络唤醒 编辑:程序博客网 时间:2024/06/14 00:59

一、行内及块级标签区别

行内inline:

元素宽度高度根据内容大小,不能独占一行;

无法通过CSS设置width、height、margin-top/bottom。

块级block:

元素宽度高度根据内容大小或自带,且独占一行;

可以通过CSS设置width、height、margin-top/bottom。

常见行内及块级标签

1、块级标签

<address>:联系信息

<blockquote >:块引用   

<div>:常用块级容易,也是css layout的主要标签   

<dl>:定义列表   

<fieldset>:form控制组   

<form>:交互表单   

<h1>~<h6>:标题

<hr>:水平分隔线    

<ol>:排序表单  

<ul>:非排序列表   

<p>:段落   

<table>:表格   

2、行内标签

<a>:锚点

<cite>:引用的书名、文章名、网站名 

<big>:放大文本   

<br>:换行   

<em>:强调   

<img>:图片   

<input>:输入框   

<label>:表格标签   

<q>:短引用   

<s>:中划线(不推荐)   

<small>:缩小文本   

<span>:常用内联容器,定义文本内区块   

<strike>:中划线   

<strong>:粗体强调   

<sub>:下标   

<sup>:上标   

<textarea>:多行文本输入框   

<u>:下划线

行内及块级标签转换

通过CSS设置display:inline/inline-block/block

0 0
原创粉丝点击