菜单 学习猿地 - LMONKEY

 html怎么用css

html怎么用css

陈舟 profile image 陈舟 ・1 min read

html怎么用css

CSS样式只有应用到HTML元素中,样式才会产生效果。有三种方式可以把CSS样式应用到HTML元素。

一、利用HTML元素的style属性,样式表作为style属性的值,该方式也称为行内样式;

<span style=”font-size: 15px; color: #FFF;”>Hello World</style>
<h1 style=”font-family: Arial;”>Hello World</h1>

二、将样式表放置在HTML网页文档head标签内,每个样式表赋予一个名称,然后在HTML元素中通过class属性引入样式表,该方式也称为内部样式;(推荐学习:HTML视频教程

<style>
h1 {
    color: #FFF;
}
.big{
    font-size: 50px;
}
</style>
<h1>Hello Html</h1>
<div class="big">Hello Html</div>

三、单独将样式表写入到一个文件,文件的扩展名为css,然后通过HTML的link标签链接外部样式表文件,在HTML元素中通过class属性引入样式表文件中的样式表,该方式也称为外部样式。

// main.css
body{
    padding: 0;
    margin: 0;
    color: red;
}
.blue{
    color: blue;
}
// index.html
<head>
<link href="main.css" rel="stylesheet">
</head>
<body>
    <div class="blue">Hello Html</blue>
</body>

评论 (0)