html基础知识 day(1)

一、常用的标签

1.1 无序列表

<ul>
      <li></li>
</ul>

1.2 有序列表

<ol>
      <li></li>
</ol>

1.3 定义列表

dl有两个子标签
dt:被定义的内容
dd:对定义内容进行描述

1.4 长度单位

  • px
  • %百分比
    根据父元素的样式计算值
  • em
    1em是当前字体大小

1.5 rgb颜色表示

依次表示红绿蓝的颜色范围

#ff ff ff
  • 也可以这样表示
rgb(123,123,123)

1.6 字体相关样式

  • font-style 设置斜体
  • font-family 设置字体的样式
  • font-size 设置字体大小
  • font-weigh 设置粗细
  • font-variant 设置字母的显示样式
  • font: 直接设置多个样式,用空格隔开

1.7 字体的行间距

  • line-hight 行高
    %百分比 相对于字体的大小
    数字 相对于字体大小的倍数

可以用于在单行文本的居中
注意后面的覆盖前面的样式

1.8 文本样式

  • text-transform
    设置文本的大小写

  • text-decoration
    设置文本下划线什么的

  • letter-spacing
    设置字母间的间距

  • word-spacing
    设置单词间的间距

  • text-align
    设置文本对齐方式,justify(两端对齐)

  • text-indent
    首行缩进

猜你喜欢

转载自blog.csdn.net/qq_42306803/article/details/104425888