最近的總結:markdown、hr、em、後代選擇器

markdown的基礎使用

  1. 一級標題用#加空格,二級用##加空格
  2. 加粗用先後**包圍
  3. 斜體先後用*包圍
  4. 有序列表用數字加.加空格
  5. 無序列表用*加空格
  6. 分割線用***
  7. 單行代碼用`包圍,代碼塊用```包圍

hr的使用

  1. 讓hr居中不能使用 hr 元素的 align 屬性; 不支持 hr 元素的 align 屬性.應該使用 CSS 代替.
    CSS 語法 (IE 和 Opera):<hr style="text-align:right" />
    CSS 語法 (Firefox,Chrome 以及 Safari):<hr style="margin-right:0" />
    CSS 語法 (跨瀏覽器):<hr style="text-align:right;margin-right:0" />
  2. 設置hr的高度用CSS語法:<hr style="height:30px" />,不能用<hr size="30" />。height是線的粗細,width是線的長度。
  3. hr標籤是線條,其顏色要用background-color;hr有默認的border,將它的邊框去掉,設爲border:none

em和px

  • 任意瀏覽器的默認字體高都是16px。全部未經調整的瀏覽器都符合: 1em=16px。那麼12px=0.75em,10px=0.625em。爲了簡化font-size的換算,須要在css中的body選擇器中聲明 Font-size=62.5%,這就使em值變爲 16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只須要將你的原來的px數值除以10,而後換上em做爲單位就好了。

後代選擇器與類選擇器

  • /* div下全部有.a的元素應用 */
      	div .a{
      		color: red;
      		}
      	/* 全部有.a類選擇器的p元素應用 */
      	p.a{
      		color: red;
      	}

主要是注意兩個選擇器之間有沒有空格。css

  • 寫選擇器的時候,若是沒有出現想要的效果,要考慮是否是權值不夠。
相關文章
相關標籤/搜索