[网络协议]Http常用标签分析以及行内元素和块级元素

前言

上次写的代码，导师一看就直呼不行了~~~，满屏的div和span，妈呀~~虽然不是不行，但是对于内容的可读行，和美观就很不好啦，对于美的追求，我们当然要熟悉的根据场景使用HTTP中的标签

一、常用标签

<b>	定义粗体字。//像需要加粗的，就别再傻乎乎的去写css加粗了，直接用该标签不快乐多了~~
<br>	定义简单的折行。
<label>	定义 input 元素的标注
<p>	定义段落。
<small>	定义小号文本。
<div>  可定义文档中的分区或节。
<span> 标签被用来组合文档中的行内元素。
<h1> to <h6>	定义 HTML 标题。
<i>	定义斜体字。


遇到用上的再补充吧，现在来说常用UI框架，人们里原生的东西越来越远了，但还是得去了解认识的，才能灵活使用。

二、行内元素和块级元素

害，有些时候，老是傻傻的分不清行内标签有哪些，块级标签有哪些，现在这里就来做个了断吧！！

行内元素

① 和其他元素都在一行上；
② 高，行高及外边距和内边距部分可改变；
③ 宽度只与内容有关；
④ 行内元素只能容纳文本或者其他行内元素。
不可以设置宽高，其宽度随着内容增加，高度随字体大小而改变，内联元素可以设置外边界，但是外边界不对上下起作用，只能对左右起作用，也可以设置内边界，但是内边界在ie6中不对上下起作用，只能对左右起作用

<a >
<strong>
<b>
<em>
<del>
<span >

块级元素

块级元素：
① 总是在新行上开始，占据一整行；
② 高度，行高以及外边距和内边距都可控制；
③ 宽带始终是与浏览器宽度一样，与内容无关；
④ 它可以容纳内联元素和其他块元素。

<h1>~<h6>
<p>
<div>
<ul>
<ol>
<li>

转换

//定义元素为块级元素
display：block 
//定义元素为行内元素
display : inline  
//定义元素为行
display：inline-block

总结

没啥，加单记录一下，方便后面自己查阅补充~~~