CSS是Cascading Style Sheets(层叠样式表)的缩写,是前端开发必备技能之一。在CSS中,我们常常使用三种不同的写法,包括内联样式、内部样式和外部样式。下面将对这三种写法进行详细介绍。
<style> p { color: blue; font-size: 16px; } </style>
内部样式是在HTML头部的<head>标签之间引入CSS规则,定义作用于整个HTML文档中的元素。内部样式可在HTML文件中多次使用,仅作用于对应的页面,不影响其他页面。下面是一个内部样式的示例,将所有<p>标签的字体颜色设置为蓝色,字号设置为16像素。
<p style="color:red; font-size:20px;"> 这是一个内联样式的例子 </p>
内联样式是将CSS规则直接写入HTML元素中,只作用于当前元素。内联样式不宜过多使用,可能会降低代码可读性。下面是一个内联样式的示例,将一个<p>标签的字体颜色设置为红色,字号设置为20像素。
<link rel="stylesheet" type="text/css" href="style.css">
外部样式是将CSS规则写在一个独立的CSS文件中,与HTML文件分离。外部样式可在多个HTML文件中使用,避免了在每个文件中都重复书写相同的CSS规则。下面是一个外部样式的示例,将CSS规则存储在style.css文件中,使用<link>标签将此文件引入HTML文件中。在style.css文件中,我们可以使用所有CSS规则,例如定义class和id等等。