1. 程式人生 > >css文字屬性2

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>