<address id="jplxn"><nobr id="jplxn"><progress id="jplxn"></progress></nobr></address>

    <form id="jplxn"><th id="jplxn"><progress id="jplxn"></progress></th></form>

    <noframes id="jplxn">

    <form id="jplxn"></form>
    <form id="jplxn"><nobr id="jplxn"><progress id="jplxn"></progress></nobr></form>

    電腦技術網——專業手機電腦知識平臺,關注科技、手機、電腦、智能硬件
    HTMLCSSBootstrap

    推論總結CSS中背景設置與文本外觀屬性

    2021-04-21 12:48:10 出處:[ 菜菜電腦網 ] 人氣:次閱讀

    這篇文章主要參閱了CSS中背景設置與文本外觀屬性 ,有一定的參考價值,感興趣的朋友可以參見一下,借此對你有所試圖!

    css的背景聲稱:

    1:background-color:背景顏色詞、rgb表示法、十六進制表示法

    2:background-image:背景圖片 背景不要用設置是可能會被平鋪剩的。

    p {

    width: 500px;

    height: 500px;

    background-image: url(images/wuyifan.jpg);

    }

    3:background-repeat:設置背景圖確實重復的,重復方式的。

    a:background-repeat:no-repeat; 不重復

    b:background-repeat:repeat-x; 滑動重復

    c:background-repeat:repeat-y; 橫向重復

    小技巧:可以利用1像素或者周期性圖片的圖片來動手網頁的平鋪背景

    css的長度單位:

    — px:像素點,像素就是顯示器推斷的一個點

    — em:1em=16px

    TIPs:分辨率更高的電腦,那么是幾個點來說明一個像素,色彩推斷就更加的粗糙,效果更好,普通電腦上的分辨率是一個點對應一個像素

    一般文字大小是12 和 14 px

    文本外觀屬性:

    1:color 文本顏色

    2:letter-spacing:字間距,字符與字符之間的空白

    3:word-sapce:單詞間距,定義英文單詞之間的間距,對中文字符不能接受

    4:line-hight:行高,文本頂部+文本頂部+一倍行距 -----常用最多,因為可以讓單行文本斜向和文

    為了嚴苛必要字在行里面。訂下: 行高、字號,一般都是偶數。這樣,它們的差,就是偶數,就都能被2正整數。

    5:text-decoration:用來設置文本的下劃線

    none:無法裝飾(可以替換a標簽的下劃線)

    underline:下劃線 overline:上劃線

    line-through:撤下線

    6:text-align :設置文本內容的水平對齊,略低于html中的align對齊屬性

    7:text-indent:首行,可用設置段落首行文本的解釋器,根本無法設置于塊級標簽,可以是負值,實際技術的發展擺放在網站的圖標文字

    TIPs:發揮作用單行文本側向:行高(line-hight)等同p盒子的高度。

    以上就是本文的全部內容了,期望大家很難更喜歡。

    【特別教程引薦】

    1. CSS視頻教程
    2. CSS在線手冊
    3. bootstrap教程

    關于我們 - 廣告合作 - 聯系我們 - 免責聲明 - 網站地圖 - 投訴建議 - 在線投稿

    ?CopyRight 2008-2020 caicaipc.com Inc All Rights Reserved.
    菜菜電腦網 版權所有

    玩弄丝袜善良人妻,俄罗斯高清www毛片,18亚洲男同志 Gay 网站
      <address id="jplxn"><nobr id="jplxn"><progress id="jplxn"></progress></nobr></address>

      <form id="jplxn"><th id="jplxn"><progress id="jplxn"></progress></th></form>

      <noframes id="jplxn">

      <form id="jplxn"></form>
      <form id="jplxn"><nobr id="jplxn"><progress id="jplxn"></progress></nobr></form>