1. 程式人生 > 其它 >Html小知識總結

Html小知識總結

1、跳出新頁面:

<basetarget=”_blank”>target="_self"不跳轉
<form action="xxx.htm" target="_blank">form表單提交的跳轉設定

2、點選按鈕跳出別的頁面新增

<a href="#" onclick="openZoosUrl();return false;">
onclick="return false"

3、display:block;塊級元素,也就是說它可以設定一些寬高,獨佔一行,比如,div元素,p元素等display:inline-block,行級元素,也就說它可以使得同樣設定成行級元素的元素一起在一行,然後可以設定寬高,這個適應於製作一個導航選單,將每個選單項設定成行級元素。它的寬和高預設是內容的寬和高,典型的元素是表單類的元素。dispaly:inline.行級元素,不可設定寬和高,預設寬高是內容的寬和高,典型的比如,span,

4、html滑鼠小手:

cursor:pointer;

5、html背景圖屬性:

background-size:100%;,但是你的圖片寬度,高度要設定成100% ,要注意的是.php的檔案裡面這個background-image:url();不好用,失效,你要使用網站的絕對路徑background:url('/20151106/404/image/404.png') no-repeat 4px 5px;}background:url("11111.jpg");background-repeat:no-repeat;background-size:100%;width:100%;height:100%;

這個是給頁面加背景的body{padding: 0px;margin: 0px;background-color:#494949;width:100%;height:100%;}.

還有在設定背景圖片的時候可以使用背景background-image:url("");這個屬性來設定背景,但是圖片要用gif的格式

6、按輸出方式來顯示文字格式:<pre></pre>橫線:<hr /><q></q>雙引號標籤下劃線<ins></ins>

7、html---position/relative/absolute/fixed/三種佈局定位方式的總結relative是按照自身來說,absolute是按照瀏覽器來說,但是要注意的是,如果他有父級元素的話,那麼他就是依照父級元素來進行改變位置的。

8、無序列表去掉前面黑點li{list-style:none;}

9、隱藏元素 - display:none或visibility:hidden

display-這個元素,設定之後原本的元素不會佔用當前的空間,不會影響佈局,但是後者,隱藏之後還會佔用空間

10、HTML隱藏多餘

Div{overflow:hidden}

10、隱藏自適應:overflow:auto;

11、關於框架的問題

這個是接受你要顯示頁面

indx.php是框架顯示的頁面,最上面,也就是沒按鍵顯示

<iframe src="index.php" style="width:100%;height:100%;border:none " name="main"></iframe>

這個是你點選之後想在哪顯示後面加:target=""

<a href='../admin/shopclass/add.php' target="main">新增分類</a>

12、關於背景的高的問題,也就是說你定義了一個div但是沒有搞,是為了讓你的圖片在上面。那麼就有這個屬性了

overflow:hidden;

也就是你本身是屬於父級元素的,但是你float就脫離了文字,變成浮動的,所有就不會在用父子元素的空間,所以就父級加上這個overflow:hidden;

13、錨點的設定

在你想跳轉的頁面的地方加上:<a name="miao">

然後在你想加連結的地方加上<a href="#miao">去找錨點</a>

14.點選換驗證碼圖片

<img src="../public/common/yzm.php" alt="" style="cursor:pointer" onclick="this.src='../public/common/yzm.php?rand='+Math.random()">

15、圓角

border-radius:5px;

16、textarea的左側文字在最左邊

style="vertical-align:top"

17、html塊狀元素和內聯元素的總結,塊狀元素可以設定margin,但是使用margin的時候要符合:1.塊狀元素,2.有寬高,其中內聯元素不能設定margin和寬高的屬性,只能設定padding