轉(zhuǎn)載---HTML學(xué)習(xí)筆記7——CSS控制文字的一些基本屬性的使用

CSS控制文字的一些基本屬性的使用:

一、CSS控制段落:

  段落縮進:text-indent:20px;

  文字方向:text-align:center;

  文字修飾:text-decoration:underline;下劃線

                overline;上劃線

                Line-though;刪除線

  字與字之間的距離:letter-spacing:10px;

  ……(還有很多屬性,可通過查找手冊了解相關(guān)知識)

二、CSS控制字的大小字體及顏色

  字體的顏色:color:blue;藍色

  斜體效果:font-style:italic;

  加粗效果:font-weight:bold;

  字的大?。篺ont-size:32px;

  行高:line-height:46px;

  字體:font-family:“SimHei”;黑體

  ……

  有些屬性可以寫到一起,例如上面的5個屬性,但需要按照順序?qū)?,且字的大小和行高這兩項要用 "/" 分開,加以區(qū)分,如:

    {font:italic bold 32px/46px "SimHei"}

三、CSS字體設(shè)置技巧

  1.關(guān)于字體:有兩大類(有襯線和無襯線)

    例:報紙或者新聞的頭條,一般用的黑體/微軟雅黑:其字的拐角和筆畫處都是平的,稱為“無襯線”的字體(英文:sans-serif)的一種;

      而正文部分則是使用宋體/新宋體:是“有襯線”的字體(英文:serif)的一種;

        

  2.設(shè)計者設(shè)置的字體,可能用戶的瀏覽器不支持(未安裝該字體),那么用戶端顯示的是其瀏覽器默認的那一種字體。

此時,比較好的解決方法是:在font-family 屬性下,寫多個字體設(shè)置,并將不常見的,比較特殊的字體放在前面,相對常見的放后面,用逗號隔開,例如:

  {

    font-family:“徐靜蕾字體”,“微軟雅黑”,“黑體”,sans-serif;

  }

注:sans-serif 不是一個具體的字體,在前幾種字體都不支持的情況下,告訴瀏覽器顯示一種支持的“無襯線”的一種字體顯示;

還有,就是哈哈,查手冊~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、概念 參考網(wǎng)頁字體Serif和Sans-serif的區(qū)別及瀏覽器字體的設(shè)置CSS Font知識整理總結(jié) 1.F...
    合肥黑閱讀 6,578評論 0 12
  • 本文為閱讀《Head First HTML 與 CSS》的css部分的讀書筆記,方便回顧書上的知識,另一篇為Hea...
    兼續(xù)閱讀 1,938評論 0 17
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,189評論 0 1
  • 大家都知道,在不同操作系統(tǒng)、不同游覽器里面默認顯示的字體是不一樣的,并且相同字體在不同操作系統(tǒng)里面渲染的效果也不盡...
    陳_宣閱讀 2,065評論 0 7
  • web前端開發(fā)外包,最重要的是什么?我個人認為無非兩點——標準和兼容性,做web前端開發(fā)不得不知道的事——這幾款字...
    專注做前端閱讀 7,237評論 0 4

友情鏈接更多精彩內(nèi)容