内联样式、内部样式、外部样式
内联样式：样式直接写在标签内的叫做内联样式。权值大于内部样式和外部样式。
例如：<div style="width:100pxheight:100pxborder:1px solid #000background:red">你好</div>
内部样式：样式写在头部内的叫内部样式。权值大于外部样式，小于内联样式。
例如：
<html>
<head>
<style>
#d1{
width:100px
height:100px
border:1px solid #000
background:red
}
</style>
</head>
<body>
<div id="d1">你好</div>
</body>
</html>
外部样式：样式写在后缀名为.css的文件中，然后通过在html页头引入css文件的方式叫外部样式。权值小于内联样式和内部样式。
例如：
<html>
<head>
<link rel="stylesheet" href="css样式文件地址">
</head>
<body>
<div id="d1">你好</div>
</body>
</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" />
一共有三种 形式存在第一种为标签样式，taglib为标签名，后面{}里面加属性,这种样式对页面内所有的标签名为taglibname的标签起作用。
第二种为css类样式，需要在HTML开始标签 后缀 class="name"，name即类名，这类标签对HTML内所有后缀同样name的标签起作用 class="name" 可以设在多个开始标签后，表示这些标签具有同一类样式。
第三种为cssID样式，需要在HTML开始标签后缀 id="id",需要注意的是，ID样式的话，每一个name都是独立且不重复的，具有唯一性。
希望我的回答对你有帮助
