CSS的使用和对字体,颜色,背景,动画,文字段落,边框,间距,鼠标指针样式,列表,盒子模型等基本属性设置的详解

字体的设置
(1)font-family------------------设置字体
例:font-family:黑体  	font-family:隶书,楷书
(2)font-size-----------------设置字体的大小
例:font-size:绝对尺寸/关键字/相对尺寸/百分比
关键字:xx-small(极小),x-small(较小),smaller,small(小),medium(标准),large(大)
(3)font-style  设置字体的样式(设置字体是否为斜体字)
normal----正常显示字体
italic---斜体字
oblique--歪斜体(倾斜角度大一点)
(4)font-weight  设置字体的加粗
取值:
normal  ---- 正常显示
bold ----粗体(数字700粗细值)
bolder ---加粗
lighter ---细体(比正常字体稍微细一点)
number  ----数字型(一般整百设置,有9个级别(100----900)数字取值越大越粗)
(5)text-shadow设置字体的阴影
规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色:
text-shadow: 5px 5px 5px #FF0000;
(6)font-variant 设置字体的变体
设置字体是否显示为小型的大写字母
主要用于设置英文字体
normal  --正常字体
small-caps  表示英文字母显示为小型的大写字母
颜色的设置
1、color  
   关键字  英文单词来设置颜色“red”  红色
   RGB值  颜色码
2、设置背景颜色
   background-color
3、background-image
   设置背景图片
背景的设置
背景附件的设置
background-attachment
是指设置背景图片是否随着滚动条的移动而移动
scroll  ---表示背景图片随着滚动条的移动而移动
fixed---表示背景图片固定在页面上不动,不随滚动条移动而移动

background-repeat
  设置背景图片总是在水平和垂直方向重复显示铺平整个网页。
  repeat   背景图片在水平和垂直方向平铺
  repeat-x  背景图片在水平方向平铺
  repeat-y  背景图片在垂直方向平铺
  no-repeat  背景图片不平铺
背景图片的位置设置
background-position
关键字            百分比              位置说明

你可能感兴趣的:(css,css3,CSS基本属性的设置)