码迷,mamicode.com
首页 > Web开发 > 详细

HTML元素在CSS中的分类

时间:2017-08-20 22:35:35      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:默认   包含   图片   样式   html元素   css   行内元素   宽高   设计   

元素是组成HTML文档的基本结构,比如h1、p、ul、div等等。在CSS中,元素可以分为 “替换元素”与"非替换元素"。如果站在元素显示的效果上看,那么元素还可以分为"块级元素"和“行内元素”。

一、替换元素与非替换元素

(一)替换元素

元素在浏览器中所呈现的内容,并不是由元素在HTML文档中的内容直接表示的。

比如img元素,<img src="test.jpg"/>。 img元素并没有内容,它在浏览器中表现是HTML文档之外的一个图片。

(二)非替换元素

元素在浏览器中显示的内容,是其在HTML文档中的内容。比如p元素<p>第一段</p>,虽然p元素的颜色、字体等等样式按照作者的设计来表现,但是其内容“第一段”会显示器浏览器中。


二、块级元素与行内元素

(一)块级元素

块级元素的特点是:独占一行、默认宽度充满父级元素、可设置宽高、可包含其他块级元素、行内元素(注意p元素是例外。p元素是块级元素,但它只能包含行内元素)。


(二)行内元素

行内元素的特点是:和其他元素共处一行、默认宽度是其内容的宽度、不能设置宽高、可包含其他行内元素。


HTML元素在CSS中的分类

标签:默认   包含   图片   样式   html元素   css   行内元素   宽高   设计   

原文地址:http://www.cnblogs.com/minigun/p/7401384.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!