CSS---style(样式)

何骞尧
2023-12-01
<!doctype html>
<html>
<head>
<meta charset="utf-8">
    <title>CSS</title>
	<!--也可以将css样式写到head中的style标签里
        将样式表编写在style标签中,然后通过CSS选择器可以使样式进一步复用,
        将样式表编写到style标签中,也可以使表现和结构进一步分离它也是我们推荐的方式
        <style type="text/css">
		p{
			color:red;
		    font-size:40px;
		 }
	    </style>
    -->
	<!--
        还可以将样式表编写到外部的css 文件中,然后通过link标签来将外部的css引入到当前页面中,
        将css样式统一编写到外部的样式表中,完全使结构和表现分离,可以使样式表在不同的页面中使用,
        最大限度的使样式表进行复用,通过link标签引入,可以利用浏览器的缓存
        加快用户的访问速度,提高了用户体验,所以在开发中,我们最推荐使用的
    -->
	    <link rel="stylesheet" type="tex/css" href="style.css" />
	</head>
    <body>
		  <!--
           可以将css样式编写到元素的style属性当中
           将样式直接编写在style属性中,这样的样式称为内联样式
           内联样式只对当前样式起作用,内联样式不方便使用
           内联样式属于结构与表现耦合,不推存使用
           <p style="color:red;font-size:40x;">汗滴禾下土</p>
          -->
		  <p>这和p一定要小写</p>
		  <p>这和p一定要小写</p>
		  <p>这和p一定要小写</p>
		  <p>这和p一定要小写</p>
		  <p>这和p一定要小写</p>
	</body>
</html>

 

 类似资料: