Css基本屬性

• 寬高 , 寬高對塊級元素與行內(nèi)元素作用范圍不同。

  
  
  1.PNG

塊級元素 vs 行內(nèi)元素

• 塊級元素
  1，blockline-level
  2，塊級元素包含塊級與行內(nèi)
  3，塊級元素占據(jù)一整行的空間。
  塊級元素包括
  div,h1-h6,form,ul,ol,dl,pre,table,li,dd,dt,tr,td,th

• 行內(nèi)元素
  1，內(nèi)聯(lián)，Inline-level
  2，只包含文本與行內(nèi)
  3，占據(jù)自身寬高與空間
  行內(nèi)元素包括
  em,strong,span,a,br,img,button,input,label,select,textarea,code,script

• 邊框

  
  
  2.PNG

• 利用邊框作圖形

  
  
  1.PNG

• 邊距

1. Padding :
   代表內(nèi)邊距，有四個不同方向的值，可以合寫，值可以是數(shù)值，也可以是百分比。
   • padding-top
   • padding-left
   • padding-right
   • padding-bottom
     以上為padding合寫時的順序，上-右-下-左。

2. margin
   代表外邊據(jù)，有四個方向的值，可以合寫，值可是數(shù)值，也可以是百分比。相對父容器，不是自身。還可
   以是負值。
   • margin-top
   • margin-left
   • margin-right
   • margin-bottom

4.PNG

3. Font ,字體。

• font - size: 字體大小
• font - family :字體樣式，默認為regular粗體bold
• font - weight :字體粗細
• line - height :行高，可以是百分比，也可以是倍數(shù)或固定尺寸
  ★關于立體屬性設置說明
  用過ps，美圖秀秀的胖又們都知道，如果你想要在做一個好看的字體，一定要先下載文字包，或者給電腦添加字體壓縮包等，否則設置了也沒有效果，這里的font 字體效果也是一個道理，如果你想要好看的樣式，或者是想要設置自己新水的樣式，不僅僅要設置，最基礎是你電腦里要有這個文字元素文件。否則，都白搭！

★Font- family的寫法
在css設置字體時，直接寫中文或英文名稱時，瀏覽器通過Gb，UTF-8，匹配編碼時，如果匹配不上則會出現(xiàn)亂碼，所以最好的方式是將字體名稱用unicode表示。
例如’宋體|SimSun \5b8b\4s53 黑體 \SimHei | \9EDI | \4F53 微軟雅黑
Micosoft YaHei | \5FAE \8F6F \96C5 \ 9ED1

字體轉(zhuǎn)換方法‘
打開控制平臺 eacape('微軟雅黑')，把%u換成

1.PNG