CSS: 就跟人穿衣服和化妆一样, 是美化页面用的
例如: 我们想把文字换个颜色, 字体变大, 向左向右移动等等
css 的引入方式:
一行内样式: 直接在标签后面写 css 样式, 如:
style="color: #00FF00;"> 卡特琳娜
style : 翻译成中文是样式的意思, 后面加 = 号是将需要的样式进行关联, 样式用双引号包起来里面写需要的样式, 将样式的名字, 和内容用 : 冒号隔开, color 就是样式的名字, 而 #00ff00 就是具体的样式内容
color : #00ff00 像这种用冒号隔开的两组数据 , 在编程界称为键值对, key 和 value , 键值对用的地方很多, 比如 json 数据里面 name : "大胖" 键值对并不一定是用: 冒号隔开, 也可能是 = 等于号, 也有可能是 _ 下划线等符号
二 <link> 标签引入已经写好的 css 文件
- lang="zh-CN">
- charset="UTF-8">
> 标签
rel="stylesheet" href="../css/main.css">
> 卡特琳娜
三 < style > 标签写样式
- lang="zh-CN">
- charset="UTF-8">
> 标签
- type="text/css">
- p{
- color:red;
- }
> 卡特琳娜
严格来说, html 引入 css 样式的方式只有这三种, 但是在 css 里面还有一个 @import 可以引入 css 样式文件, 其实这不属于是 html 引入样式的方式, 只能算是 css 自己本身的功能
- lang="zh-CN">
- charset="UTF-8">
> 标签
- type="text/css">
- @import url(../css/main.css);
> 卡特琳娜
来源: https://www.2cto.com/kf/201803/726997.html