css元素类型有哪几种？

html-css018

css元素类型有哪几种？,第1张

css叫做层叠样式表，他主要是来对div的对应标签做样式修改的，因此来说css是没有元素类型的，而div标签是有很多类型的，常用的<html>，<body>，<table>, <div>，<span>，<ul>，<li>，<p>等等，按大类型分，分为块元素和行内元素

首先，css规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的diaplay值，如div的display默认值为“block”，则为“块级”元素；span默认display属性值为“inline”,是“行内”元素。

（1）行内元素有：a

b

span

img

input

select

strong

（2）块级元素有：

div

ul

ol

li

dl

dt

dd

h1

h2

h4...p

（3）常见的空元素：<br><hr><img><input><link><meta>

鲜为人知的是：

<area>，<base><col><command><embed><keygen><param><source><track><wbr>

块状元素特点：

内联元素特点：

内联块状元素特点：

display:block 可以将元素设置为块状元素

display:inline 可以将元素设置为内联元素

display:inline-block可以将元素设置为内联块状元素

每个HTML元素都会有盒子模型，如下图

[图片上传失败...(image-8891fd-1543076237898)]

可以看到，盒子模型中，一个标签是由内容，内填充（padding）、边框（border）、外边距（margin）组成的

一个元素的宽度=左边距+左边框+左填充+内容宽度+右填充+右边框+右边距

一个元素的高度=上边距+上边框+上填充+内容高度+下填充+下边框+下边距