认识CSS样式表

最新推荐文章于 2024-10-31 14:03:24 发布

manREDoo

最新推荐文章于 2024-10-31 14:03:24 发布

阅读量443

点赞数

文章标签： css 格式样式使用

本文链接：https://blog.csdn.net/manREDoo/article/details/73868021

版权

CSS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

CSS样式表由选择器和样式规则组成，基本格式如下:h1{coler: red}

CSS样式表的注释法：/*...*/

CSS样式表的使用法：

行内声明：

内嵌声明：

<head>

<title>认识CSS样式</title>

<style type="text/css" media="screen">

h2 {

font-size: 12px;color:

line-height:16px;

border: 1px #336699 solid;

}

</style>

</head>

链接外部样式文件：

<head>

<title>认识CSS样式</title>

<style type="text/css" media="screen">

@import “样式文件的路径/文件名";

</style>

</head>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>认识CSS样式</title>
	<style type="text/css" media="screen">
		h2 {
            font-size: 12px;color: 
            line-height:16px;
            border: 1px #336699 solid;
		}
	</style>
</head>
<body>
	<h1 style="color: red; font-family: Broadway B; font-weight: bold; border: 1px #336699 solid">我是标题</h1>
</body>
</html>