HTML第六次课堂笔记

一.文本相关样式

text-align：

文本对齐方式 left 默认 左对齐 center 居中对齐 right 右对齐 justify 两端对齐

 

 text-indent ：

文本的首行缩进 常用单位 em

 

 text-decoration：
文本修饰  none 默认 无修饰underline 下划线 line-through 中划线overline 上划线

 

text-transform：

英文字母大小写转换  uppercase 全大写 lowercase 全小写 capitalize 首字母大写

 letter-spacing ：

字符间的距离 字母与字母或汉字与汉字之间的距离

 

 word-spacing ：

单词与单词之间的距离

 

 单行省略标记：
    white-space：nowrap 不换行
    overflow：hidden 内容溢出隐藏
    text-overflow：ellipsis 文本溢出显示省略标记

padding（内边距）：

边框和内容之间的空白宽度

注意：这个部分只有空白，不能设置外观样式，颜色等，只能设置空白的宽度

 

 

 （padding的值只有一个表示四周都相同，两个表示上下和左右，三个表示上、左右、下，四个则表示上、右、下、左）

二：伪类 

什么是伪类：就是css内置类css内部本身赋予它一些特性和功能，也就是你不用再class=...或id=...你就可以直接拿来使用，当然你也可以改变它的部分属性比如：

 

 link：未访问状态

 visited：访问后的状态

 hover：鼠标悬停状态

 active：鼠标激活状态

 以上属性值书写顺序是：link，visited，hover，active（LVHA）