基本的块元素与行内元素,input

接触前端有一段时间了，期间也学会了很多元素。现在我带大家了解下最基本的块元素与行内元素。

块元素：

 
段落标签

  


  
加li使用

  
  


  
加li使用

  
  


  
放图片

  
放内容  放文字

 

 


 
标题标签
....
 h1最大 h6最小 

List-style ：none； 是 列表无样式

li {
  list-style: none;
}

这是把li标签的样式去掉了。

其特点是 独占一行 可设置宽高。

行内元素：

标签

加粗  加粗

倾斜  倾斜

删除标签  删除标签

下划线  下划线


换行  下标文本  上标文本

超链接

Span 是没有什么特殊效果的，在标签里面写文字即可

这是b标签的加粗效果，strong标签的效果是一样的。

这是i标签倾斜效果，em标签相同。

这是s标签删除效果。Del标签也是一样的。

这是u标签下划线效果。Ins标签相同

Br是换行标签，意思就是换下一行来写东西。

你好你好

这是sub标签下标文本的效果，sup标签上标文本则是相反的。

A标签 是超链接标签，效果就是点击后可以跳转到下一个界面。

Img标签是用来添加图片的，src的意思是图片所在的路径，alt是图片没有显示所出现的代替性文字，title是鼠标滑过图片时的提示文字信息。

其行内元素的特点是：排成一排 不可设置宽高。

  display: inline;是转行内元素。

  display: block;是转块元素。

  display: inline-block;是行内块元素。

input