(1)文本大小{font-size:value;}
    單位:pt:9pt=12px;瀏覽器默認字體大小為16px
 
              em:1em=16px;
 
        在CSS2.0中
 
        xx-small:9px
 
         x-small:11px
 
           small:13px
 
           medium:16px
 
           large:19px
 
         x-large:23px
 
        xx-large:27px
{color: rbg250,250,250/#000000/red;}
  瀏覽器按字體解讀
 
      注意:字體名為中文時加雙引號:“微軟雅黑”;單個英文單詞可不加:Arial;
英文有空格加引號:“Times New Romen”;
屬性值:normal/500(常規(guī));bold/600-900(加粗);bolder(更粗);
{font-style:itatic(斜體字)/oblique(傾斜的文字)/normal(取消傾斜)}
{text-align:left/center/right/justify(兩端對齊);}
{vertical-align:top/bottom/middle;}
{line-height:normal/value;}
 
    
 
    測量行高:本行文字的頂部到下一行文字的頂部;
 
    單行文本:行高=容器高時,垂直居中;行高<容器高時垂直偏上;
 
    
 
    說明:font簡寫順序: font-style font-weight font-size/line-height font-family;
 
                      {normal 600 16px "微軟雅黑";}
{text-decoration:none/underline(下劃線)/overline(下劃線)/line-through(添加刪除線)}
 
    
 
    擴展:<del>添加刪除線</del>
{text-indent:value;}
 
        value是字的個數(shù)單位為:em;
 
        text-indent為負值,往前退
 
        只對文本首行起作用
{letter-spacing:value;}
 
    控制英文字母與漢字之間的距離
 
    
 
    擴展:{word-break:break-all;}=<br/>換行
{border-top/bottom/right/left:1px solid/dotted/dashed/double;}
{list-style-type:disc(實心圓)/circle(空心圓)/squrare(空心方寬)/none(去掉列表符號);}
 
         {list-style-type:none}同等于{list-style;none;}
{list-style-image:url();}
{list-style-position:ouside/inside;}
{list-style:none;}
(1)背景顏色{background-color:value;}
 
    (2)背景圖片{background-image:url(路徑);}
 
    (3)背景圖平鋪{background-repeat:no-repeat(不平鋪)/repeat(平鋪)/
repeat-x(水平鋪)/repeat-y(垂直平鋪);}
 
    (4)背景圖固定{background-attachment:scroll(滾動)/fixed(固定);}
 
    (5)背景圖位置{background-position:x y(數(shù)值:50px 50px;方向:right bottom;)}
 
         方向位置有:水平(left/center/right)垂直(top/center/bottom)
 
    (6)簡寫:{background:url() no-repeat center top fixed  #f00;}
 
               {background:url() no-repeat center 100px #f00 scroll;}
(1)jpg:有損壓縮 損失質(zhì)量 適用顏色豐富的圖像
 
    (2)gif:有損壓縮 損失色彩 支持透明、動畫 適用顏色較少的圖像
 
    (3)png:損失圖片色彩較少,不支持動畫,支持透明,是fireworks;
 
    說明:要求高存png,要求更高存gif,兼容時使用gif;
  {float:left/right/none}
 
    (1)清除浮動{clear:left/right/both;}
 
    說明:浮動之后的元素是脫離文檔流是懸浮在上面的,當你浮動元素的
前面那個元素是標準流中的元素時(沒有浮動) 
    浮動之后的元素的位置是靠瀏覽器的,
浮動元素后面的沒有浮動的元素會擠進浮動元素原來的位置。
 
    (2)解決高度塌陷
 
    高度塌陷:產(chǎn)生的條件父級元素沒有寫高度,子元素浮動;
 
    解決辦法:(1)在浮動元素的最后加一個空的<div></div>,給這個div
寫上聲明div{clear:both;} 
              
(2)在css中給父級元素添加一個聲明,div{overflow:hidden;}
1、定義:網(wǎng)頁元素如何顯示以及相互關系。
 
     邊框 邊界  補白 內(nèi)容區(qū)
2、padding(補白)
 
    (1)填充:padding在設定頁面中的一個元素中一個元素內(nèi)容到元素的邊緣(邊框)之間的距離,補白;
 
    (2)用來調(diào)整內(nèi)容在容器中的位置關系
 
    (3)用來調(diào)整子元素在父級元素中的位置
 
    (4)padding屬性加在父級元素上面
 
    關于padding值減不減問題?
 
    1、減:父級元素有寬高
 
    2、不減:父級元素沒有寬高;
 
    (5)如何減?
 
    高-(top+bottom);寬-(left+right);       
 
    3、語法:
 
    四個值:{padding:top right bottom left;}
 
    一個值:{padding:20px}={padding:20px 20px 20px 20px;}
 
    二個值:{padding:20px 30px;}={padding:20px 30px 20px 30px;}
 
    二個值:{padding:20px 30px 40px;}={padding:20px 30px 40px 30px;}
 
    拆分:{padding-top/right/bottom/left:value;}
2、margin
 
    (1)邊際:margin在設定頁面中元素外邊的空白區(qū);
 
    (2)margin屬性加在子級元素上面      
 
    (3)語法:
 
    四個值:{margin:top right bottom left;}
 
    一個值:{margin:20px}={padding:20px 20px 20px 20px;}
 
    二個值:{margin:20px 30px;}={padding:20px 30px 20px 30px;}
 
    二個值:{margin:20px 30px 40px;}={padding:20px 30px 40px 30px;}
 
    拆分:{margin-top/right/bottom/left:value;}
 
    
 
            
 
    
 
    
 
      
 
    
 
    
 
  
【 微信掃一掃 】