CSS margin 屬性

例項

設定 p 元素的 4 個外邊距：

p
  {
margin:2cm 4cm 3cm 4cm;  }

CSS padding 屬性

例項

設定 p 元素的 4 個內邊距：

p
  {
  padding:2cm 4cm 3cm 4cm;
  }

CSS font-family 屬性

例項

為段落設定字型：

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

font-family 定義的最後為什麼要加一句sans-serif

font-family最後加上sans-serif，也是為了保證能夠呼叫這個字型族裡面的字型，因為大多數計算機裡都有這種字型。

  css裡面定義*{padding:0px;margin: 0px;}

  * 相當於選擇器，代表html所有的元素，包括html標籤、body標籤等； {}大括號裡面寫入需要給定的屬性和屬性值即可。

  在css中一開始寫入*{padding:0px;margin: 0px;}，表示初始化所有的標籤元素(具有盒子模型)的內外邊距均為0px.

 在css裡面定義body{padding:0px;margin: 0px;}，body只是一個標籤，如果它的子標籤和該屬性均具有繼承性，才會繼承這裡所設定的屬性；(比如：border、padding、margin屬性不具有繼承性；而color屬性具有繼承性等)

CSS list-style-type 屬性

例項

設定不同的列表樣式

設定為none，即不設定列表樣式；也可以設定為圓形，實心正方形，和羅馬數字，英文字母

overflow 屬性規定當內容溢位元素框時發生的事情。

說明

這個屬性定義溢位元素內容區的內容會如何處理。如果值為 scroll，不論是否需要，使用者代理都會提供一種滾動機制。因此，有可能即使元素框中可以放下所有內容也會出現滾動條。

可能的值

現象：html中可能有些地方不想讓使用者複製文字，或是用a標籤做了個點選按鈕，點快的時候文字會被選中，很醜，這個時候可以使用下面的方案禁止文字選中。

原因：滑鼠點快了文字會被選中。

解決方案：不同的瀏覽器設定的內容不一樣，user-select不是一個W3C的標準，瀏覽器的支援不完成，需要對不同的瀏覽器進行調整。

body{

-moz-user-select:none;/*火狐*/

-webkit-user-select:none;/*webkit瀏覽器*/

-ms-user-select:none;/*IE10*/

-khtml-user-select:none;/*早期瀏覽器*/

user-select:none;

}

user-select有2個值（none表示不能選中文字，text表示可以選擇文字）

它主要有3個值：

• none

           子元素所有的文字都不能選擇，包括input輸入域中的文字。

• -moz-all

           子元素所有的文字都可以被選擇，但是input輸入域中的文字不能被選擇。

• -moz-none

          子元素所有文字多不能選擇，除掉input輸入域中的文字。