CSS基礎學習(文本樣式)(二)

文本樣式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">
        .p1{font-family: "宋體";}/* {font-family:"微軟雅黑","宋體","黑體",sans-serif;} */
        .p2{font-size: 20px;}/*font-size: 150%;*/
        .p3{color: bisque;}/*rgb(0%,100%,0%);數字:0~255;百分比:0%~100%; #00880a;十六進制*/
        .p4{font-weight: bold;}/*normal  bold   bolder  lighter  100~900*/
        .p5{font-style: normal;}/*normal正常的字體  italic斜體  oblique傾斜*/
        .textAlign{text-align: left;}/*left right center justify  該屬性對塊級元素纔有效*/
        .line{line-height: 50px;}/*長度|百分比*/
    </style>
    <title>Document</title>
</head>
<body>
    <p class="p1">字體屬性</p>
    <p class="p2">字體大小</p>
    <p class="p3">字體顏色</p>
    <p class="p4">文字粗細</p>
    <p class="p5">文字樣式</p>
    <div class="textAlign">
        <P>文字對齊格式  指定寬度HTML 指的是超文本標記語言 (Hyper Text Markup Language),
          HTML 不是一種編程語言,而是一種標記語言 (markup language),
          標記語言是一套標記標籤 (markup tag)。HTML 指的是超文本標記語言 (Hyper Text Markup Language),
          HTML 不是一種編程語言,而是一種標記語言 (markup language)。</P>
    </div>
    <div class="line">
        <P>元素中文本行高  指定寬度HTML 指的是超文本標記語言 (Hyper Text Markup Language),
          HTML 不是一種編程語言,而是一種標記語言 (markup language),
          標記語言是一套標記標籤 (markup tag)。HTML 指的是超文本標記語言 (Hyper Text Markup Language),
          HTML 不是一種編程語言,而是一種標記語言 (markup language)。</P>
    </div>
</body>
</html>

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章