CSS常见样式 - 喵喵知识园

/*
color设置文本颜色
direction设置文本方向
line-height设置行高
letter-spacing设置字符间距
word-spacings设置字间距
text-indent缩进首行文本
text-decoration向文本添加修饰
text-align对齐元素中的文本
text-transform控制元素中的字母
*/
h1{color: blue;text-align:center}
h2{direction: rtl}
p{line-height: 30px;letter-spacing: 1em}
p{text-indent: 2em}/*首行缩进*/
h3{text-decoration: underline}
h4{text-decoration: overline}
h5{text-decoration: line-through}
a{text-decoration: none}
#h{text-transform: capitalize}/*单词首字母大写*/
#h2{text-transform: uppercase}/*都是大写*/
#h3{text-transform: lowercase}/*全是小写



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css中的文本控制</title>
    <link type="text/css" rel="stylesheet" href="../external/./文本控制.css">
</head>
<body>
    <!--
        color设置文本颜色
        direction设置文本方向
        line-height设置行高
        letter-spacing设置字符间距
        word-spacings设置字间距
        text-indent缩进首行文本
        text-decoratio向文本添加修饰
        text-align对齐元素中的文本
        text-transform控制元素中的字母
    -->

    <h1>星期一</h1>
    <h2>星期二</h2>
    <h3>星期三</h3>
    <h4>星期四</h4>
    <h5>星期五</h5>
    <h6>星期六</h6>
    <p id="h">hello world</p>
    <p id="h2">hello world</p>
    <p id="h3">hello world</p>
<p>成功是胜利的鲜花，那理想便是生产鲜花的土壤；
    而艰苦奋斗就是催绽鲜花的阳光和水分。
    大学匆匆，蓦然回首，已悄然消逝两年的青葱岁月，
    光阴从指缝中调皮地逃走，
    而且义无反顾，我们却总掉入时间的陷阱
    ，总以为时间还很充裕，须知，
    我们已经处在必须奋斗的战线上了，
    面临诸多的抉择与挑战，
    下个季节的机遇需要我们去争夺而非等待。
    励志与成才是大学的主旋律，
    而奋斗为我们的主旋律提供了契机。
    要学会在励志中成才，不然你就会平庸四年，
    就会堕落颓废四年。当你回首往事的时候，
    满怀志向的奋斗使你不会因为碌碌无为而悔恨，
    也不会因为落寞而濒临“毕业而失业”的危机。
</p>
<a href="#">日历连接</a>
</body>

评论