css文字屬性2

遠飛夢發表於2018-11-09
CSS
<!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>

 

相關文章