CSS语法
CSS的style属性
内联样式、内部样式与css文件
html
<!doctype html>
<html>
<head>
<title>CSS</title>
<!--
也可以将css样式编写到head中的style标签中
将样式表编写到style标签中,然后通过CSS选择器选中指定的元素
然后可以同时为这些元素设定样式,可以样式经一部复用
将样式表编写到style标签中,也可以是变现和结构进一步分离,这是我们推荐的使用方式
<style type="text/css">
p{
color:red;
font-size:30px;
}
</style>
-->
<!--
还可以将样式表编写到外部文件的CSS文件中,然后通过link标签来将外部的css文件引入到当前页面中
这样外部文件中的css样式表将会应用到当前页面中
将css样式统一编写到外部的样式表中,完全是结构和表现分离。可以是将样式表可以在不同的页面中使用,
最大限度的使样式可以进行复用,将样式统一写在样式表中,然后通过link标签引入,可以利用浏览器的缓存
加快用户访问的速度提升了用户体验,所以在开发中最推荐使用的方式就是外部的css文件
-->
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<!--
可以将CSS样式写到元素的style属性中
将样式直接编写到style属性中,这种样式我们称之为内联样式
内联样式只对当前元素中的内容起作用
内联样式属于结构与表现耦合,不方便后期维护,不推荐使用
<p style="color:red;font-size:40px;">曾经沧海难为水,</p>
<p style="color:red;font-size:40px;">除却巫山不是云。</p>
<p style="color:red;font-size:40px;">取次花丛懒回顾,</p>
<p style="color:red;font-size:40px;">半缘修道半缘君。</p>
-->
<p >曾经沧海难为水,</p>
<p >除却巫山不是云。</p>
<p >取次花丛懒回顾,</p>
<p >半缘修道半缘君。</p>
</body>
</html>
style.css
p{
color:green;
font-size:40px;
}