本文详细介绍了CSS（层叠样式表）的三种添加方式：内联样式、嵌套样式及外联样式。内联样式直接在HTML元素中使用style属性；嵌套样式在<head>区域使用<style>元素；外联样式则通过<link>标签引入单独的.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>标签里
扫一扫
1056
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
