2020-04-08 20:45发布
css样式应用到html中有三种方式：
1. 行间样式：直接写到html标签的style属性里 （写项目时不推荐，不易维护）
具体代码：
<div style="width: 200px;height: 200px;background-color: pink;">举例div>
2. 内部样式：在html页面的head标签里写style标签，在style标签里写样式（单个小页面可使用）
<head>
<style>
div{
width: 200px;
height: 200px;
background-color: pink;
}
style>
head>
3. 外部样式：新建后缀为.css的文件,通过head标签里的link标签引入到html页面中（特别推荐）
<link rel="stylesheet" href="./style.css">
其中 rel=“stylesheet” 指当前文档与被引入文档之间的关系， 引入的是一个样式
href="./style.css" css文件的路径
注： 一个css文件可以同时被多个html文件引入，一个html文件可同时引入多个css文件
在HTML中使用css样式的方法有：行内式、内嵌式、外联式。
1)、行内式----HTML标签中使用CSS：
行内式样
2)、内嵌式---将CSS内容通过style标签写在head标签中：
内嵌式内嵌式
3)、外联式---通过link标签引入外部样式表（css样式文件）
语法：
css样式的引入方式有：行间样式、内部样式、外部样式
1、行间样式：使用style属性，写在标签内部
2、内部样式：使用style标签，写在head标签内
3、外部样式：使用link标签，写在head标签内
除此之外还有一种@imoort导入式，也可以引入css文件，但是，必须写在css文件中
总共分为三种：行内式、内嵌式、外链式、导入式
① 行内式
在head标签中添加style标签，在其中对于页面的标签或者选择器名称，对其添加样式。
例如：
p{
color:red;
② 内嵌式
在页面的闭合标签中添加style属性，对于设置样式。
内容
③ 外链式
在head标签中添加link标签，引入其外部的独立css样式文件。
④ 导入式
在head标签中添加style标签，导入css文件路径
注：其中的内嵌式对于后期的维护不是很方便，小编不是很建议，其次导入式在日常开发中用的也很少，用的最 多的还是外链式。
方式一：行内式（内联样式）
简单说：设置 html 标签的 style 属性，将样式写在其中。
格式：<标签名 style = "属性1:值1;属性2:值2;...属性n:值n;">内容
演示：为某一 p 标签设置字体大小为20px，字体颜色为green。
优点：书写方便，权重高。（所谓权重高：优先级高。例如，同时使用方式一和方式二来控制 p 标签的字体大小，那么浏览器会优先使用方式一中定义的字体大小来对标签进行渲染。）
缺点：没有实现样式（css）与 结构（html）的分离，耦合程度太高。并且如果需要对多个标签进行统一控制，需要多次定义内容相同的style属性，代码重复，臃肿。
控制范围：控制一个标签
方式二：内部样式表（内嵌样式表）
简单说：在 head 标签中定义一个 style 标签，在其中书写样式。
格式：
Title
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 天天 的问题《html中如何导入css》','http://www.shouhuola.com/q-4276.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
css样式应用到html中有三种方式：
1. 行间样式：直接写到html标签的style属性里 （写项目时不推荐，不易维护）
具体代码：
<div style="width: 200px;height: 200px;background-color: pink;">举例div>
2. 内部样式：在html页面的head标签里写style标签，在style标签里写样式（单个小页面可使用）
<head>
<style>
div{
width: 200px;
height: 200px;
background-color: pink;
}
style>
head>
3. 外部样式：新建后缀为.css的文件,通过head标签里的link标签引入到html页面中（特别推荐）
<head>
<link rel="stylesheet" href="./style.css">
head>
其中 rel=“stylesheet” 指当前文档与被引入文档之间的关系， 引入的是一个样式
href="./style.css" css文件的路径
注： 一个css文件可以同时被多个html文件引入，一个html文件可同时引入多个css文件
在HTML中使用css样式的方法有：行内式、内嵌式、外联式。
1)、行内式----HTML标签中使用CSS：
行内式样
2)、内嵌式---将CSS内容通过style标签写在head标签中：
内嵌式内嵌式
3)、外联式---通过link标签引入外部样式表（css样式文件）
语法：
css样式的引入方式有：行间样式、内部样式、外部样式
1、行间样式：使用style属性，写在标签内部
2、内部样式：使用style标签，写在head标签内
3、外部样式：使用link标签，写在head标签内
回答: 2020-04-09 09:19
除此之外还有一种@imoort导入式，也可以引入css文件，但是，必须写在css文件中
总共分为三种：行内式、内嵌式、外链式、导入式
① 行内式
在head标签中添加style标签，在其中对于页面的标签或者选择器名称，对其添加样式。
例如：
p{
color:red;
}
② 内嵌式
在页面的闭合标签中添加style属性，对于设置样式。
例如：
内容
③ 外链式
在head标签中添加link标签，引入其外部的独立css样式文件。
④ 导入式
在head标签中添加style标签，导入css文件路径
例如：
注：其中的内嵌式对于后期的维护不是很方便，小编不是很建议，其次导入式在日常开发中用的也很少，用的最 多的还是外链式。
方式一：行内式（内联样式）
简单说：设置 html 标签的 style 属性，将样式写在其中。
格式：<标签名 style = "属性1:值1;属性2:值2;...属性n:值n;">内容
演示：为某一 p 标签设置字体大小为20px，字体颜色为green。
优点：书写方便，权重高。（所谓权重高：优先级高。例如，同时使用方式一和方式二来控制 p 标签的字体大小，那么浏览器会优先使用方式一中定义的字体大小来对标签进行渲染。）
缺点：没有实现样式（css）与 结构（html）的分离，耦合程度太高。并且如果需要对多个标签进行统一控制，需要多次定义内容相同的style属性，代码重复，臃肿。
控制范围：控制一个标签
方式二：内部样式表（内嵌样式表）
简单说：在 head 标签中定义一个 style 标签，在其中书写样式。
格式：