2021-01-25

color:使用color设置文本元素的字体颜色
font-weight：这个属性控制文本的粗细，可以用它设置粗体
left：利用这个属性指定一个元素的左边所在的位置
line-height：这个属性设置一个文本元素的行间距
top：控制元素顶部的位置
background-color：控制元素的背景颜色
border：在一个元素周围加边框，可以是实线边框，虚线边框，突起边框
padding：在一个元素边缘和它的内容之间需要有空间
font-size：让文本字体越大或越小
text-align：将文本左对齐、居中、或右对齐
letter-spacing：这个属性能够再字母之间设置间距
font-style：使用这个属性来设置斜体文本
list-style：允许你改变列表中列表项的外观
background-image：这个属性在元素后放置一个图像
font-family：定制页面中使用的字体
text-decoration：为文本增加更多风格（包括上划线、下划线、删除线）

JPEG：最适合连续色调图像，如照片
可以表示包含多达1600万种不同颜色的图像
这是一种有损格式，因为缩小文件大小时会丢掉图像的一些信息
不支持透明度
文件比较小，以便web页面更加高效地显示
不支持动画

PNG：最适合单色图像和线条构成的图像
可以表示多达上百万种不同颜色的图像。PNG有3种，PNG-8、PNG-24、PNG-32
PNG是一种无损格式，不会丢掉信息
允许将颜色设置为透明
与相应的JPEG相比，PNG文件要更大一些，不过取决于使用的颜色数，可能比相应的GIF更小或更大
GIF：最适合单色图像或线条构成的图像
GIF最多表示256种不同颜色的图像
GIF是一种无损格式
GIF也支持透明度，不过只允许将一种颜色设置为透明
GIF往往比相应的JPEG文件大
支持动画

img元素是一个内联元素，不会在前面或后面插入换行， img是一个void元素 src属性指定了在web页面上要显示的图像的位置

img的alt元素可以给访者提供一些指示，告诉他们图像里有什么信息
img的width和height可以指定页面图像的宽与高

增加图像链接

字符编码

内容区：
每个元素都会有一些内容，如文本或图像，这个内容会放在一个盒子里，这个盒子的大小刚好能包含所有的内容。注意，内容与盒子边缘之间没有空间

内边距
所有盒子在内容区周围可能有一层内边距。内边距是可选的，所以不一定有。不过通过使用内边距，可以在内容与盒子边框之间创建一些看得到的空间。内边距是透明的，没有颜色，也没有自己的装饰。

边框
元素周围可以有一个可选的边框。这个边框会包围内边距，另外，它是围绕内容的一条线，这就从视觉上使内容与同一页面上的其他元素隔开

外边距
外边距也是可选的，包围着边框。利用外边距，可以在同一个页面上的不同元素之间增加空间。如果两个盒子紧挨着，外边距就相当于它们之间的空间。