29-33

内联样式（不常用）与内部样式 与外部样式（引入一个css文件）

1. 内联样式:通过style属性
   
2. 内部样式:通过style标签
   
   利用上下的div标签
   区别:内部样式的代码可以复用，符合w3c的规范标准，尽量让结构样式分开处理
   示例
   运行结果
   
   两块div都变成红色
3. 外部样式
   引入一个单独的css文件，名字叫 name.css
   通过link标签引入外部资源，rel属性指定资源跟页面的关系 ，href属性表示资源的地址

属性stylesheet :文档的外部样式表
创建link标签快捷方式:link+tap
在外面有一个单独的common.css文件

另一种方法是用@import的方式引入外部样式(这种方式有很多问题，不建议使用)

css颜色表示法

1. 单词表示法: red,blue,green,yellow

2. 十六进制表示法: #000000 黑色 十六进制表示法最小值 #ffffff 白色 最大值 #ff0000红色

3. rgb三原色表示法: 三原色红绿蓝 取值范围0到255
   rgb(0，0，0); 最小值对应黑色
   rgb(255，255，255); 最大值对应白色

写法如下

使用photoshop获取颜色
截图:prtsc
31集13分开始

css背景样式

![在这里插入图片描述](https://img-blog.csdnimg.cn/2020120511555122.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phZGVkdV8=,size_16,color_FFFFFF,t_70)

前三个

运行结果

三种平铺方式

x轴平铺


y轴平铺


都不平铺


背景位置
图片在背景图右下角
center center为正中间 50% 50%

背景图随滚动条的移动方式

背景实现视觉差效果