Css_cssh810-CSDN博客

本文链接：https://blog.csdn.net/weixin_43362233/article/details/107090657

最初网页和结构都是由html所承担，因此html的标记就分为了
网页结构标记和网页表现标记，比如"

"就是结构标记，他告诉网页这是个什么东西，而“”就是形式标记，他告诉网页这个是什么颜色，随着网页的精细化复杂化，问题就逐渐显示出来了，如果说网页中有很多字体颜色需要标记，那么分别进行修改font就很麻烦，所以就有了css

css规则
标记选择器
h1{color:red; font-size:25px}
选择器{属性：值；属性：值}
使用：

<html>
<head>
	<title>css演示</title>
<style>
h1{
	font-family:宋体;
	size:75;
	color:blue;
}
</style>
</head>

<body>
	<h1>这是标题</h1>
	<h1>这是文字</h1>
	<h2>这是大学</h2>
</body>
<html>

类别选择器
.class {color:red;font_size:20px}
类名称{属性：值；属性：值；}
用法：

<html>
<head>
	<title>css演示</title>
<style>
.nub1{
	font-family:宋体;
	size:75;
	color:blue;
}
</style>
</head>

<body>
	<h1 class=nub1>这是标题</h1>
	<h1>这是文字</h1>
	<h2>这是大学</h2>
</body>
<html>

ID选择器
#id {color:red; font_size:30px;}
ID选择器{属性：名称；属性：名称；}
用法

<html>
<head>
	<title>css演示</title>
<style>
#nub1{
	font-family:宋体;
	size:75;
	color:blue;
}
</style>
</head>

<body>
	<h1 id=nub1>这是标题</h1>
	<h1>这是文字</h1>
	<h2>这是大学</h2>
</body>
<html>