一:CSS描述

CSS:层叠样式表,用于定义HTML内容在浏览器内的显示样式

用CSS的好处:

  1.CSS简化HTML相关标签,使网页体积更小,下载更快

  2.内容与表现分离

  3.更好的维护网页,提高工作效率

 

二:CSS样式规则:CSS规则由两部分构成:选择器、声明

十二:CSS之基础语法

 

三:编写规则,写在<head></head>标签内

十二:CSS之基础语法

 

示例:

十二:CSS之基础语法

十二:CSS之基础语法

 

为多个标签设置同样的css:

十二:CSS之基础语法

十二:CSS之基础语法

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/* 有相同样式的标签,写到一起 */
p, h2, h3, h4, h5 {
font-size: 40px;
}
/* p标签单独的样式*/
p {
color: blue;
font-family: "隶书";
}
h1 {
color: red;
font-size: 30px;
}
</style>
</head>
<body>
<h1>CSS样式</h1>
<h2>CSS样式</h2>
<h3>CSS样式</h3>
<h4>CSS样式</h4>
<h5>CSS样式</h5>
<p>用于定义HTML显示样式</p>
</body>
</html>

 

相关文章:

  • 2021-09-22
  • 2022-12-23
  • 2021-04-16
  • 2022-12-23
  • 2021-10-05
猜你喜欢
  • 2021-10-24
  • 2021-08-15
  • 2022-12-23
  • 2021-06-11
  • 2021-12-04
  • 2021-12-15
  • 2018-07-22
相关资源
相似解决方案