三种引入CSS代码的写法

记得去年入行时,学习了三天左右的CSS,而如今忽然都想不起CSS在head里面写时用的什么标签了。

LZ是一个纯后端Java开发,虽然公司开发并没有做到前后端完全分离,但是,对于CSS样式,真的忘了很多了。翻阅之前的学习资料,终于了解清楚了。于是整理出来,以防再次忘记~~!

CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式,CSS 可以通过以下三种方式添加到HTML中,分别是:

  • 内联样式,在HTML元素中使用"style" 属性;

当特殊的样式需要应用到个别元素时,就可以使用内联样式。使用内联样式的方法是在标签中使用样式属性,样式属性可以是任何 CSS 属性。其作用范围是在当前标签内,使用较少。

  • 嵌套样式 ,在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS代码;

当单个文件需要特别样式时,就可以使用嵌套样式。通过在<head> 部分定义<style>标签书写嵌套样式,在<style>标签中可以使用标签选择器,类选择器,id选择器等去给标签设置属性。

  • 外联样式,使用外部 CSS 文件。

当样式需要被应用到很多页面的时候,将会使用外联样式,通过更改一个文件来改变所以页面的样式。此时我们需要在<head>标签中引入<link>标签,<link rel="stylesheet" type="text/css" href="a.css">,href中为需要引入的css文件。

 

单独的css文件是以.css为后缀名的文件,在该文件内可以直接设置标签样式,不需要包在<style>标签里

猜你喜欢

转载自blog.csdn.net/Asa_Prince/article/details/84337643