CSS笔记一：了解CSS

你好北极星

已于 2022-05-07 01:32:54 修改

阅读量358

点赞数

文章标签： css 前端 html

于 2022-05-06 19:34:53 首次发布

本文链接：https://blog.csdn.net/weixin_42517088/article/details/124616563

版权

这里写目录标题

了解CSS
放置CSS的几种方式

了解CSS

CSS层叠样式表 cascading style sheet
作用：用于增强控制网页样式并且允许样式信息与内容分离的一种标记性语言-
CSS不需要编译，可由浏览器直接解析
CSS3是目前被使用最广泛的版本，但是部分特性尚不能得到支持

CSS的基本语法
CSS定义分别由：选择符、属性、属性取值组成
格式：
```
p{color:yellowgreen}
```
CSS大小写不敏感，推荐使用小写。
属性和值之间用冒号(:)分开，多个属性之间用分号(;)隔开
CSS中的注释
```
/*书写注释的内容*/
```

放置CSS的几种方式

内联样式表(行内引用)

<p style=""></p>
内联的样式比其它方式更加灵活，但是需要和展示的内容混在一起，内联样式会失去样式表的优点。

内嵌样式表(内部引用)

<!DOCTYPE html>
<html>
  <head>
    <style></style>
  </head>
</html>
适用于一个HTML文档具有独一无二的样式时。

外联样式表(外部引用)

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="文件地址" />
  </head>
</html>
CSS的mine类型为：text/css
<!--了解-->
<style>
  	@import "CSS文件地址"
</style>

外部样式引用了外接的CSS文件。一般浏览器有缓存的功能所以用户不用每次都下载此CSS文件，并且外部引用相对于内部和内联来说高效的是节省带宽，外部引用是W3C推荐使用的标准。
4. 多重样式表的叠加
依照后定义的优先，所以优先级最高的是内联样式。连入的外部样式和内部样式表之间是最后定义的优先级高。

你好北极星

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS笔记一：了解CSS

这里写目录标题了解CSS放置CSS的几种方式了解CSSCSS层叠样式表 cascading style sheet作用：用于增强控制网页样式并且允许样式信息与内容分离的一种标记性语言-CSS不需要编译，可由浏览器直接解析CSS3是目前被使用最广泛的版本，但是部分特性尚不能得到支持CSS的基本语法CSS定义分别由：选择符、属性、属性取值组成格式：p{color:yellowgreen}CSS大小写不敏感，推荐使用小写。属性和值之间用冒号(:)分开，多个属性之间用分号(;)隔开
复制链接

扫一扫