1. 程式人生 > >html常用小知識

html常用小知識

常用 com www 中間 直接 baidu lin mail 滾動條

請求重定向:加載頁面之後,除了用js做重定向之外,我們還可以直接用<meta>標簽做重定向。

1 <meta http-equiv="refresh" content="5;url=http://www.baidu.com" /> 5秒後跳轉

超鏈接:在當前的iframe中打開新的頁面

1 <a href="demo03.html" target="_blank">我是一個超鏈接</a>
2 
3 <iframe src="demo02.html" name="tom"></iframe>

超鏈接發送郵件:

1 <

a href="mailto:[email protected]">聯系我們</a>

css中字體大致分為五類:

  1. serif(襯線字體)
  2. sans-serif(非襯線字體)
  3. monospace(等寬字體)
  4. cursive (草書字體)
  5. fantasy(虛幻字體)

text-decoration 屬性,用來給文本添加各個修飾。通過它可以為文本的
上方 下方 或者中間添加線條。

-underline 下劃線

-overline 上劃線

-line-through 刪除線

-none 無樣式


letter-spacing 用來設置字符之間的間距。

word-spacing 用來設置單詞之間的間距。

border:

none 默認值,沒有邊框

solid 實線

dotted 點狀邊框

dashed 虛線


double 雙線

垂直外邊距的重疊

在網頁中垂直方向的相鄰外邊距會發生外邊距的重疊

所謂的外邊距重疊指兄弟元素之間的相鄰外邊距會取最大值,

而不是取和


超鏈接:

將一個內聯元素變為塊級元素


display:block; 塊

display:inline; 內聯元素




display:inline-block;將一個元素轉換為行內塊元素


既有行內元素特點 又有塊元素特定


display:none; 子元素不會被顯示 並且不會再頁面占有位置。

visibility: 用來設置元素的隱藏和顯示的狀態。

visible 默認值,顯示

hidden 元素隱藏不會顯示

但是位置會依然占據位置。






overflow

visible 默認值,子元素溢出

hidden 溢出的內容會被修剪,不會保存

scroll 為父元素添加滾動條。該屬性無論是否溢出,都會有滾動條

auto 根據需求添加滾動條。



當元素的高度或者寬度為auto.此時指定內邊距不會影響可見
框的大小。而是會自動修改寬度和高度,以適應內邊距


塊元素在文檔流中的高度默認被內容撐開。


在文檔流中,內聯元素的寬度和高度默認都被內容撐開。


浮動的文字不會蓋住文字。 文字會自動環繞在元素的周圍。

內聯元素脫離文檔流之後,會變為塊級元素。

html常用小知識