css元素类型有哪几种？

html-css013

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

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

css样式分三种，内部样式，内联样式和外部样式。外部样式，顾名思义，也就是通过<link />引入的css样式文件，而内部样式呢，主要是放在<style></style>中的样式，而内联样式，就是直接嵌入标签的，充当标签的一个属性，使用style='这里写样式' 来实现。

他们的优先级是内联样式的优先级最高，其次判断内部和外部样式的优先级得看它们在html中出现的位置，一般来说，越靠后的优先级也就越高。

css是英文Cascading Style Sheets的缩写。

它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

它包含3种类型，内部样式，行内样式和外部样式表三种

作用的效果是按顺序从下到上，相同样式下面的会覆盖原有样式，除特殊情况外，一般都是行内样式>内部样式>外部样式。

以div为例

行内样式写法：

在style里面写样式

<div style="height:30pxbackground:#f00"></div>

内部样式：

在head标签内加入style标签，在标签内写样式：

<style>

div{height:30pxbackground:#f00}

</style>

外部样式是建立一个新文件后缀名为.css

举个例子：

建立style.css文件放在项目根目录下：

在里面写入

div{height:30pxbackground:#f00}

然后保存，在html的head标签内调用样式

<link rel="stylesheet" type="text/css" href="style.css" />