• CSS3常见样式声明


    CSS3常见样式声明

    1. color:元素内部的文字颜色
    • 使用方式1:使用颜色的英文名称作为属性值(例:lightblue)
    • 使用方式2:十六进制数值表示(例:#008c8c)
    • 使用方式3:是方式2的简写,如#aabbcc的颜色值就可以简写为#abc
    • 使用方式4:分别给出红、绿、蓝3个颜色分量的十进制数值(例:rgb(0,255,255))
    • 使用方式5:分别给出红、绿、蓝3个颜色分量的百分比(例:hsl(0,79%,72%)或rgb(0%,0%,100%))
    1. background-color:元素背景颜色

    2. font-size:元素内部文字的尺寸大小

    • 长度单位px
      px是一个长度单位,表示在浏览器上一个像素的大小。因为不同访问者的显示器的分辨率不同,而且每个像素的实际大小也不同,所以px被称为相对单位,也就是相对于一个像素的比例。
      在CSS中,除了可以使用px作为长度单位,还可以使用以下5种单位设置大小(包括文字、div的高度和宽度等),这5种单位都被称为绝对长度单位,它们不会随显示器的变化而变化。
    绝对长度单位含义
    ininch,英寸
    cmcentimeter,厘米
    mmmillimeter,毫米
    ptpoint,印刷的点数。在一般的显示器中,1pt相当于1/72inch
    pcpica,1pc=12pt
    • 长度单位em和ex
      它们和px类似,也是相对长度单位。1em表示的长度是其父元素中字母m的标准宽度,1ex则表示字母x的标准高度。当父元素的文字大小变化时,使用这两个单位的子元素的大小会同比例变化。
    1. font-weight:文字粗细程度,可以取值数字,可以取值为预设值
      strong元素:默认加粗

    2. font-family:文字类型
      必须用户计算机中存在的字体才会有效(建议使用多个字体,以匹配不同环境)
      sans-serif:非衬线字体

    3. font-style:字体样式,通常用它设置斜体
      i元素,em元素:默认样式是倾斜字体

    4. text-decoration:文本修饰,给文本加线
      del元素:错误的内容
      s元素:过期的内容

    5. text-indent:首行文本缩进
      对于中文的页面,首行缩进两字符:text-index:2em

    6. line-height: 每行文本的高度,该值越大,每行文本的距离越大
      设置行高为容器的高度,可以让单行文本垂直居中
      行高可以设置为纯数字,表示相对于当前元素的字体大小

    7. letter-space:文字间隙

    8. text-align:元素内部文字的水平排列方式
      要设置左对齐或者右对齐,只需将text-align属性设置为left或right即可。如果要设置两端对齐,就将text-align属性设置为justify

    9. font-variant :设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小

    描述
    normal默认值。浏览器会显示一个标准的字体。
    small-caps浏览器会显示小型大写字母的字体
    inherit规定应该从父元素继承 font-variant 属性的值
  • 相关阅读:
    通过 vue-cli 创建一个 vue3 的项目
    尚硅谷前端框架vue语法(二)
    OSPF相关内容
    详解FreeRTOS:FreeRTOS任务恢复过程源码分析(进阶篇—4)
    mysql MVC jsp实现表分页
    在线美食管理系统
    【目标检测】Faster R-CNN的几点理解
    【无标题】
    频响测试低12dB问题
    security加密解密
  • 原文地址:https://blog.csdn.net/weixin_42071236/article/details/125356152