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文件大
支持动画
![](images/drinks.gif)
img的alt元素可以给访者提供一些指示,告诉他们图像里有什么信息
img的width和height可以指定页面图像的宽与高
内容区:
每个元素都会有一些内容,如文本或图像,这个内容会放在一个盒子里,这个盒子的大小刚好能包含所有的内容。注意,内容与盒子边缘之间没有空间
内边距
所有盒子在内容区周围可能有一层内边距。内边距是可选的,所以不一定有。不过通过使用内边距,可以在内容与盒子边框之间创建一些看得到的空间。内边距是透明的,没有颜色,也没有自己的装饰。
边框
元素周围可以有一个可选的边框。这个边框会包围内边距,另外,它是围绕内容的一条线,这就从视觉上使内容与同一页面上的其他元素隔开
外边距
外边距也是可选的,包围着边框。利用外边距,可以在同一个页面上的不同元素之间增加空间。如果两个盒子紧挨着,外边距就相当于它们之间的空间。