1css基本语法

最新推荐文章于 2023-05-16 19:36:46 发布

qq_23666533

最新推荐文章于 2023-05-16 19:36:46 发布

阅读量241

点赞数

分类专栏： css3

本文链接：https://blog.csdn.net/qq_23666533/article/details/75634453

版权

css3 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>1css</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
h1,h2,h3{color:red !important} /*！important强制优先级*/
p{color:red}
div{background:green;color:red}
</style>
<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>
<h1 style="color:gray">1111111111</h1>
<h2 style="color:gray">2222222222</h2>
<h3>
3333333333333333
<a>aaaaaaaaaaa</a>

</h3>
<p style="color:gray">ppppppppppp</p>
<div style="color:gray">divdivdivdiv</div>
</body>

</html>

---------------------------------------------------------------------------------------css文件内容-----------------------------------------------------------------------------------------------------------------

@charset="UTF-8";
/*设计者设计的样式>浏览器用户自定义的样式>浏览器自设的样式*/

h1,h2,h3{color:blue}/*多个元素直接用逗号隔开*/
p{color:blue;font-size:30px}/*样式可以层叠，即在不同地方设置不同效果的样式时可以叠加在一起显示*/
div{background:red;color:blue}/*样式直接用分号隔开*/

/*若属性为若干单词时，要给值加引号*/