• <abbr id="qqgmy"></abbr>
      <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
    • <rt id="qqgmy"><code id="qqgmy"></code></rt>
      • 如何在網(wǎng)頁制作時使用CSS定義文本樣式(四)

        • 2019-08-01 16:35:25
        • 閱讀次數(shù):
        • 作者:盈嵐科技小編
        • 來源:http://www.margaycoffee.com

        定義行距

        行間距,是在設(shè)計網(wǎng)頁中段落文本行之間的距離。CSS使用line-height屬性定義行高,在網(wǎng)站建設(shè)時,該屬性的用法如下。

        line-height : normal | length

        其中,normal表示默認值,一般為1.2em;length表示百分比數(shù)字,或者由浮點數(shù)字和單位標識符組成的長度值,允許為負值。

        【示例】新建一個網(wǎng)頁,保存為test.html,在<head>標簽內(nèi)添加<style type="text/css">標簽,定義一個內(nèi)部樣式表,然后輸入下面樣式,定義兩個行高類樣式。

        .p1 {    

        font-size:12pt;    

        line-height:12pt;   /*行間距為絕對數(shù)值*/}

        .p2 {    

        font-size:10pt;   

        line-height:2em;    /*行間距為相對數(shù)值*/}

        然后在<body>標簽中輸入兩行段落文本,并應(yīng)用上面兩個類樣式。

        <h1>社戲</h1><h2>魯迅 

        </h2>

        <p  class="p1">我在倒數(shù)上去的二十年中,只看過兩回中國戲,前十年是絕不看,因為沒有看戲的意思和機會,那兩回全在后十年,然而都沒有看出什么來就走了。</p>

        <p  class="p2">第一回是民國元年我初到北京的時候,當時一個朋友對我說,北京戲最好,你不去見見世面么?我想,看戲是有味的,而況在北京呢。于是都興致勃勃的跑到什么園,戲文已經(jīng)開場了,在外面也早聽到冬冬地響。我們挨進門,幾個紅的綠的在我的眼前一閃爍,便又看見戲臺下滿是許多頭,再定神四面看,卻見中間也還有幾個空座,擠過去要坐時,又有人對我發(fā)議論,我因為耳朵已經(jīng)喤的響著了,用了心,才聽到他是說“有人,不行!”</p>

        定義縮進

        CSS在網(wǎng)頁制作時使用text-indent屬性定義首行縮進,該屬性的用法如下:

        text-indent : length

        length表示百分比數(shù)字,或者由浮點數(shù)字和單位標識符組成的長度值,允許為負值。建議在設(shè)置縮進單位時,以em為設(shè)置單位,它表示一個字距,這樣比較精確確定首行縮進效果。

        【示例】新建一個網(wǎng)頁,保存為test.html,在<head>標簽內(nèi)添加<style type="text/css">標簽,定義一個內(nèi)部樣式表,然后輸入下面樣式,定義段落文本首行縮進2個字符。

        p {        

        text-indent:2em;    /*首行縮進2個字距*/}

        然后在<body>標簽中輸入如下標題和段落文本。

        <h1>社戲</h1>

        <h2>魯迅 </h2>

        <p>我在倒數(shù)上去的二十年中,只看過兩回中國戲,前十年是絕不看,因為沒有看戲的意思和機會,那兩回全在后十年,然而都沒有看出什么來就走了。</p>

        <p>第一回是民國元年我初到北京的時候,當時一個朋友對我說,北京戲最好,你不去見見世面么?我想,看戲是有味的,而況在北京呢。于是都興致勃勃地跑到什么園,戲文已經(jīng)開場了,在外面也早聽到冬冬地響。我們挨進門,幾個紅的綠的在我的眼前一閃爍,便又看見戲臺下滿是許多頭,再定神四面看,卻見中間也還有幾個空座,擠過去要坐時,又有人對我發(fā)議論,我因為耳朵已經(jīng)喤的響著了,用了心,才聽到他是說“有人,不行!”</p>


        當前文章標題:如何在網(wǎng)頁制作時使用CSS定義文本樣式(四)

        當前URL:http://www.margaycoffee.com/news/wzzz/3065.html

        上一篇:如何在網(wǎng)頁制作時使用CSS定義文本樣式(三)

        下一篇:設(shè)計網(wǎng)頁正文樣式

        網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        在线一区视频二区三区,av无码久久久不卡网站,亚洲国产人成精品,国产成人白丝视频
        • <abbr id="qqgmy"></abbr>
          <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
        • <rt id="qqgmy"><code id="qqgmy"></code></rt>