css文本属性2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>你若安好,便是晴天</title>
<style type="text/css">
 #all{
     font-family:"宋体";font-size:14px;line-height:18px;行间距(行高)}/* 统配选择器,对所有的都有效; */
h1{
   color:#F0F;font-size:18px;text-align:center;/* 标记选择器,对h1这个标记进行修饰; */
}
.part1{
        text-align:center;color:red;}
.part2{
        color:#00F;text-indent:2em;letter-spacing:16px; letter-spacing /* 属性增加或减少字符间的空白(字符间距) */}
.part3{
        color:#090;font-weight:bold;font-style:italic;/* 斜体 */}
.part4{
        color:#F0F;text-decoration:line-through;/* 定义穿过文本下的一条线。 */
    }
</style>
</head>
<body>
<div id="all">
<h1>你若安好,便是晴天</h1>
<p class="part1">一个人,一本书,一杯茶,一帘梦。</p>
<p class="part2"> 站在时光的十字路口,回望过去的种种单纯与美好,欣慰而悲凉。</p>
<p class="part3">花开花落,风卷云舒。青春如同流沙般从指缝溜走,过去的倔强与轻狂,原来如此荒诞不羁。俗世喧嚣,总会想在空灵停滞的时空内,独倚幽窗,品一壶清茶,细细体味光阴如梭,年华老去。</p>
<p class="part4">时光轮回,生命交替,红尘无尽。</p>
</div>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_41404557/article/details/83903789