<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS</title>
<!-- <style type="text/css">
p{
color: red;
font-size: 30px;
}
</style> -->
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<!--
可将css样式编写到元素的style属性中
将样式直接编写到style属性中,这种样式我们成为内联样式
内联样式支队当前的元素中的内容起作用
不方便复用,内联样式只对当前元素内容起作用
内联样式属于结构与表现耦合,不方便维护
-->
<!-- <p style="color: red; font-size: 60px;">alsdlkasjdlkas</p> -->
<p>阿萨德拉克斯大林</p>
<p>阿萨德拉克斯大林</p>
<p>阿萨德拉克斯大林</p>
<p>阿萨德拉克斯大林</p>
<p>阿萨德拉克斯大林</p>
<p>阿萨德拉克斯大林</p>
</body>
</html>