0_5 CSS字体、文本和背景

1、字体样式

color  颜色

font-size  大小(三个单位)

font-family  字体族

2、文本样式

水平text-align

left(左对齐)  right(右对齐)  center(居中)  justify(两端)

 

垂直vertical-align

baseline(基线对齐)  top  middle  bottom  

文本修饰text-decoration

  none  underline(下划线)  line-through(删除线)  over-line(上划线)

留白white-space

  normal  noswap(不换行)  pre(保留空白)

3、背景

background-color:设置背景颜色

background-image:设置背景图片 background-image: url("./img/1.png");

background-repeat:设置背景重复 repeat  repeat-x(沿x)    repeat-y(沿y)  no-repeat(不重复)

background-position: 偏移量  background-position: Xpx Ypx;
background-clip: 背景范围  border-box (默认值)  padding-box   content-box
background-origin   偏移量计算的原点 padding-box (内边距默认值)  content-box  border-box
background-size  设置背景图片的大小  
          cover 图片的比例不变,将元素铺满
                       contain 图片比例不变,将图片在元素中完整显示
background-attachment   - 背景图片是否跟随元素移动
            scroll 默认值 背景图片会跟随元素移动
                          fixed 背景会固定在页面中,不会随元素移动

 

posted @ 2022-03-03 23:52  踏燕白梅  阅读(43)  评论(0)    收藏  举报