joeの小窝

Loading...

css属性

字体属性

字体大小(font-size)

p {
    font-zie: 14px
}

可以设置字体的大小

  • px:像素,稳定和准确

  • %:把font-size设置为基于父元素的一个百分比值

字体粗细(font-weight)

设置字体的粗细不需要添加单位

# normal,bold,bolde三个常用选项

font-weight:500

normal:默认值

bord:粗体

border:更粗

lighter:更细

字体系列(font-family)

# 第一个不支持,就找第二个
font-family:"微软雅黑","宋体";

字体颜色和背景颜色(color)

颜色表示方法有三种,颜色名称单词(red),rgb表示方法(rgb(255,0,0)),十六进制(#FF0000)

RGB原理: 三原色发光原件组件的,rgb(0,0,0) 表示黑色

    color: red;  # 字体颜色
    background-color: blue;  # 背景颜色

img

文字属性

设置对齐方式(text-align)

为什么文字默认是左上角呢?

左边,右边,居中都是可以设置的

left:左对齐

right:右对齐

center: 居中对齐

justify:2端对齐

文字下划线(text-decoration)

none:默认

underline:定义文本下的一条线

overline:定义文本上的一条线

line-through:定义穿过文本下的一条线

主要的作用就是取消a标签的下划线颜色

        a {
            text-decoration: none;
        }
/* 第一个是下划线,第二个是下划线颜色,第三个是下划线的大小 */
        
        a {
            text-decoration: underline green 5px;
        }

posted @ 2026-05-26 21:07  乔的港口  阅读(6)  评论(0)    收藏  举报