CSS 的常见属性

发布于:2022-10-29 ⋅ 阅读:(442) ⋅ 点赞:(0)

目录

常用属性

font-family   设置字体样式

font-weight  设置字体粗细,值是100-900

color  设置字体颜色       

① 直接使用 颜色

 ② 使用 rgb

③ 半透明 rgba

 ④ 使用 #十六进制数字

text-align 本文对齐

text-decoration 本文装饰

text-indent 本文缩进

line-height 行高

 背景属性

background-color 背景颜色

background-image:url ( ... ) ;  背景图片

background-repeat 背景平铺方式

background-position 背景位置

background-size 背景尺寸

border-radius :值  圆角矩形



 

常用属性

 

font-family   设置字体样式

 

font-weight  设置字体粗细,值是100-900

 

color  设置字体颜色       

① 直接使用 颜色

 ② 使用 rgb

  • rgb(r,g,b) 可以使用qq截图识别 ctrl + alt + a
  • 颜料三原色(CMYK):红、黄、蓝
  • 光学三原色(RGB):红、绿、蓝

③ 半透明 rgba

 ④ 使用 #十六进制数字

 

text-align 本文对齐

  • center :居中对齐
  • left :左对齐(默认)
  • right :右对齐

 

text-decoration 本文装饰

  • underline :下划线(常用)
  • none : 啥也没有,可以给 a 标签去掉下划线
  • overline :上划线(不常用)
  • line-throught 删除线(不常用)

 

text-indent 本文缩进

  • 单位可以使用 px 或者 em
  • 常用 em ,1 em 就是当前元素的文字大小单位
  • 缩进可以为 负值,表示向左缩进,会导致文字冒出去

 

line-height 行高

  • 行高 = 上边距+下边距+字体大小
  • 可以设定为  xx px ,也可以设置成 normal :chrom默认是21px

 

 背景属性

 

background-color 背景颜色

 

background-image:url ( ... ) ;  背景图片

 

background-repeat 背景平铺方式

  • repeat :平铺(默认)
  • no-repeat :不平铺
  • repeat-x :水平平铺
  • repeat-y :垂直平铺

 

background-position 背景位置

参数风格

  • 方位名词:top、left、right、bottom
  • 精确单位:坐标或者百分比(以左上角为原点)
  • 混合单位:同时包含方位名词和精确单位

 

background-size 背景尺寸

border-radius :值  圆角矩形

  • 值可以为 n px ,代表 内切圆的半径,值越大,弧线越强烈
  • 也可以输入50%,生成的是圆形
  • 输入 矩形高度的一半:生成圆角矩形

 

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到