HTML的使用技巧有哪些

本篇內(nèi)容主要講解“HTML的使用技巧有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“HTML的使用技巧有哪些”吧!

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

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

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

display-這個元素，設(shè)置之后原本的元素不會占用當前的空間，不會影響布局，但是后者，隱藏之后還會占用空間

4、HTML隱藏多余

Div{overflow:hidden}

5、隱藏自適應：overflow:auto;

6、關(guān)于框架的問題

這個是接受你要顯示頁面

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>

7、關(guān)于背景的高的問題，也就是說你定義了一個div但是沒有搞，是為了讓你的圖片在上面。那么就有這個屬性了

overflow:hidden;

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

8、錨點的設(shè)置

在你想跳轉(zhuǎn)的頁面的地方加上：<a name="miao">

然后在你想加鏈接的地方加上<a href="#miao">去找錨點</a>

9.點擊換驗證碼圖片

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

10、圓角

border-radius:5px;

11、textarea的左側(cè)文字在最左邊

style="vertical-align:top"

12、html塊狀元素和內(nèi)聯(lián)元素的總結(jié)，塊狀元素可以設(shè)置margin，但是使用margin的時候要符合：1.塊狀元素，2.有寬高，其中內(nèi)聯(lián)元素不能設(shè)置margin和寬高的屬性，只能設(shè)置padding

到此，相信大家對“HTML的使用技巧有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學習！