实训第二天0528.pm

开始学习css（初）

一、css的使用方式（四种）
1.行内样式（内联样式）
<标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>

2.页面嵌入（内部样式表）
在head标签里面增加一个子标签
<style>
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}
</style>


3.外部文件（外部样式表）
在head标签里面增加一个子标签
<link rel="stylesheet" href="css文件的路径" />

4.外部导入样式
主要用在样式初始化。因为有一些标签有自己的样式，我们需要清空，方便自己计算css语法： （符号都是英文的）

选择器{

属性名1:属性值1;

属性名2:属性值2;
......
}

例：<div style="width: 100px;height: 100px;background-color: #f00;"></div>

二、颜色的表示方法
1.颜色色值的英文单词 red，yellow，green，blue...
2.16进制表示法
2进制     010101
8进制
10进制
16进制    0123456789abcdef
基础三原色 红绿蓝
每个颜色是由两个16进制的数来表示的#ff 00 00
简写
#xxyyzz -> #xyz
#ffff00 #ff0
#aabbcc #abc
#aabcdd 不能简写的
#000000
#ffffff 白色
#cccccc 黑 白 灰
3.rgb表示法
16*16 = 256
rgb(0-255,0-255,0-255)

例：<div style="width: 200px;height: 200px;background-color: rgb(255,255,0)"></div>