在html中怎样使用css样式

如题所述

在html网页中引入引入css主要有以下四种方式:
(1)行内式
<p style=”color:red”>网页中css的导入方式</p>

(2)嵌入式
<style type=”text/css”>
P{ color:red }
</style>
嵌入式一般写在head中,对于单个页面来说,这种方式很方便。

(3)导入式
<!-- 导入外部样式:在内部样式表的<style></style>标记之间导入一个外部样式表,导入时用@import。 -->
<style type="text/css">
@import "jisuan.css";
</style>

(4)链接式
<link href="jisuan.css" rel=”stylesheet” type=”text/css” />

导入式和链接式差不多,都是从外部引入css文件。但是链接式对于客户端用户浏览网站时,效果会好些。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2014-12-09
当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:

外部样式表当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>

内部样式表当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。
<head><style type="text/css">body {background-color: red}p {margin-left: 20px}</style></head>

内联样式当特殊的样式需要应用到个别元素时,就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p style="color: red; margin-left: 20px">This is a paragraph</p>

标签
描述

<style> 定义样式定义。
<link> 定义资源引用。
<div> 定义文档中的节或区域(块级)。
<span> 定义文档中的行内的小块或区域。
<font> 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
<basefont> 定义基准字体。不赞成使用。请使用样式。
<center> 对文本进行水平居中。不赞成使用。请使用样式。
第2个回答  推荐于2017-09-04
CSS是定义该网页的框架的,可以直接写到HTML中

也可以事先做好CSS,然后通过链接调用,文件保存为.css
<link rel="stylesheet" href="/css/global2013.css" />

<link rel="stylesheet" href="css/new_index2014.css" />

直接写到网页中的CSS
body{font:12px "宋体";color:#444;background-color: #FFFFFF;}
ul,li{ list-style:none;}
img,table{ border:none;}

不用我解释你应该看得懂吧

用DM编辑网页的时候,html网页CSS是自动生成的,包括字体啊,打开方式啊,颜色啊,等等等等

不知道这样描述你能懂吗?本回答被提问者和网友采纳
第3个回答  2014-12-09
直接写在html页面:
<style tyle="text/css">
...
</style>
你也可以外链:
<link href="css/style.css" rel="stylesheet">
虽然还有其他方式,但我觉得这已经够了。。
第4个回答  2020-12-17

Vue实践-CSS样式position/display/float属性对比使用

相似回答