HTML5、CSS中字型的各類屬性值__HTML

來源:互聯網
上載者:User
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <style>        p{            /*前面是字型族名稱  最後一個是類族名稱            瀏覽器在顯示字型的時候,依次判斷是否支援當前的字型,知道最後的字型系列*/            font-family: "仿宋","宋體",sans-serif;            /*bold加粗  bolder深度加粗  lighter細體(100-900)*/            font-weight: bold;            /*font-size字型大小  取值:1、具體的px值                                     2、百分比(預設字型大小16px)*/            font-size: 150%;            /*font-style字型斜體*/            font-style: italic;            color: red;            /*opacity 透明度(0是全透明)*/            opacity: 1;
 
 
 
            font-size: 30px;            /*line-height行高:單行字型佔用的高度*/            line-height: 45px;            /*justify 左右對齊   left=start:靠左對齊(預設)  right=end:靠右對齊  ceenter: 置中對齊*/            text-align:justify;            /*letter-spacing:控制字元間距(px normal)*/            letter-spacing: normal;            /*文本修飾  底線underline  中劃線line-through  上劃線over*/            text-decoration: none;            /*三者配合使用:不換行,以...的形式顯示            (三個屬性配合使用實現單行超出文本隱藏)*/            /*overflow: hidden;  !*處理超出顯示屏的內容隱藏*!            white-space: nowrap;  !*不換行*!            text-overflow: ellipsis; !*截取還是以...的方式顯示*!*/            /*文本陰影顏色  x方向的位移 y方向的位移  陰影的顏色*/            text-shadow: 2px 2px #f2e78d;            /*文本描邊 描邊的寬度  描邊的顏色*/            -webkit-text-stroke: 2px #ff7292;            /*首行縮排*/            /*em:相對的字元單位(2倍的字型大小)*/            text-indent: 2em;
} </ style > < title > 字型 </ title > </ head > < body > < p > 的看法破什麼技能居民平均打什麼串連每年能理解來的房間裡是個美麗的方式 </ p > </ body > </ html >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.