day04 css的核心属性

一,文本

1,字体大小

        font-size    单位:px,pt,em等,16pt=12px=1em   浏览器默认16px,设计图默认12px。

2,字体颜色

        color    color加颜色;16进位颜色表;color:rgb

       16进位颜色表/ egb:   https://www.sioe.cn/yingyong/yanse-rgb-16/

3,字体

      font-family(楷体  宋体... ...)

4,字体样式

     (1)加粗

             font-weight       属性font-weight:bolder(更粗的)/bold(加粗)/normal(常规)

                                             font-weight:100-900,(100-500更细  600-900更粗  注:必须是整百)

      (2)倾斜

            font-style     属性 font-style :italie(倾斜字)/oblique(倾斜的文字)/normal(常规)

5,文本位置

     text-align    :left(右)/right(左)/center(中心)/jusitify(水平连端对齐)注:只对多行文本

6设置线的位置

     text-decoration: none(没有,去除下划线) /line-throught(删除线)/undeline(下划线)

                                  overline(上划线)

7,字间距

     letter-spcing(适用中文)/word-spcing(适用英文)

8,垂直居中

     line-height  (行高)  当line-height=height时,垂直居中。

9,首行缩进

      text-indent      注:只对首行起作用

10,font缩写(顺序)

      font:font-style(倾斜),font-weight(加粗),font-size(大小)/line-height(行高),font-family(字体)   

二,列表属性

 1,设置表格风格图片

       list-style-image:url(“图片的地址”)

2,设置表格样式(类型)

      list-style-type:none(去除)/circle(空心圆)/disc(实心圆)/square(实心正方形)

3,设置表格样式的位置

     list-style-position:inside(在列表里面)/outside(在列表外面)

4,简写

     list-style:none(去除列表符号)

三,背景属性

1背景颜色

background-color:rgba(   , , ,)注:a为透明度 范围0-1

2.,背景图片

 background-image:url( 图片路径)

3,背景图片的平铺

background-repeat:no-respeat(不平铺)/repeat(默认平铺)/respeat-x(水平方向)/repeat-y(垂直方向)

 4,背景图片的定位

background-position  :(水平   垂直)注:可以给负值

  5,背景图片的固定(附着)

background-attachment:scroll(滚动)/fixed(固定)

6,简写  background (无顺序要求)

7.背景大小

   background-size   注:不能平铺  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值