每日学到 38 - HTML标签设置

目录

文本样式

垂直对齐方式

超链接伪类样式

列表样式

div标签

背景样式

盒子边框类型

盒子边框颜色

盒子边框粗细

通过边框方向属性同时设置边框的三个属性

border简写属性

---

文本样式

    color属性：设置字体颜色 ,属性值可以是颜色英文单词、十六进制表示、rgb()、rgba()等表示方法
    text-align属性：设置文本的水平对齐方式，常用值left(左对齐，默认对齐方式)、center(居中对齐)、right(右对齐)
    text-indent属性：设置首行文本缩进，属性值一般为2em
    line-height属性：设置文本的行高
    text-decoration属性：文本修饰属性，设置文本是否有下划线、上划线、删除线，以及将文本默认具有的线给去除掉

垂直对齐方式

    vertical-align：垂直对齐属性，常用值bottom(底部对齐，默认值)，middle(居中对齐)、top(顶部对齐)

超链接伪类样式

    :hover属性：设置鼠标悬停在超链接上的样式

列表样式

    list-style-type属性和list-style属性：都是用来设置列表项前面符号的，常用值有disc、circle、square、decimal、none

div标签

    div标签是一个块级元素，块级元素可以设置高度和宽度
    行内元素设置宽度和高度没有效果

背景样式

    background-color属性：设置背景颜色
    background-images属性：背景图像属性，如果背景图像比所在的元素宽度和高度小，那么图像会平铺充满整个元素
    background-repeat属性：设置背景图像平铺方式，常用值有repeat(水平和垂直都平铺，默认值)、repeat-x(水平平铺)、repeat-y(垂直平铺)、no-repeat(不平铺，只显示一次)
    background-position属性：设置背景图像的位置，属性值有2个，第一个值表示水平方向的位置，第二个值表示垂直方向的位置，属性值都可以是像素、百分比、方向单词（比如left center right、top等）
    上述4个属性可以使用background属性简写
        background: #ccc url(img/1.jpg) 30px 20px no-repeat;

盒子边框类型

    border-style属性：边框类型属性，设置标签的边框类型，常用值有solid(实线) dashed(虚线) dotted(点线) double(双线)
    border-style: dashed solid dotted double; 盒子上边框类型dashed 右边框类型solid 下边框类型dotted 左边框类型double
        上右下左

盒子边框颜色

    border-color

盒子边框粗细

    border-width

通过边框方向属性同时设置边框的三个属性

    border-top: 5px solid #f00;
    border-right: 1px dashed #0f0;
    border-bottom: 10px dotted #00f;
    border-left: 5px double #ccc;

border简写属性

    border: 2px solid #f00;