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
关键字            百分比              位置说明
  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值