CSS学习笔记——CSS的引入方式

Posted UDK_KL.

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS学习笔记——CSS的引入方式相关的知识,希望对你有一定的参考价值。

文章目录

CSS的三种样式表

  1. 行内样式表(行内式)
  2. 内部样式表(嵌入式)
  3. 外部样式表(链接式)

行内样式表

直接在某行标签内书写,可以单独控制某行的样式,一般用于对页面内容的简单修改

内部样式表

代码中专门存放样式内容的地方,一般放在head标签内,可以方便地控制整个页面的样式

<head>
  <style>
  	....
  </style>
</head>

外部样式表

实际开发会使用的形式,在页面文件外单独创建一个.css文件用于存放样式语句,适合于样式比较多的情况,css文件中只有css语句

  1. 新建一个.css文件
  2. 该文件内只写样式语句
  3. 使用link标签引入css文件
<link rel="stylesheet" herf="css文件路径">

以上是关于CSS学习笔记——CSS的引入方式的主要内容,如果未能解决你的问题,请参考以下文章

HTML中引入CSS的三种方式——响应式Web系列学习笔记

HTML中引入CSS的三种方式——响应式Web系列学习笔记

CSS笔记--- CSS概述;HTML引入CSS样式的三种方式;列表样式;绝对定位

css学习笔记 5

笔记:JS设置CSS样式的几种方式

Java学习总结(二十四)——前端:CSS样式设计(CSS引入,选择器,盒子模型,浮动元素)