HTML的使用技巧有哪些

本篇内容主要讲解“HTML的使用技巧有哪些”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“HTML的使用技巧有哪些”吧!

1、html---position/relative/absolute/fixed/三种布局定位方式的总结relative是按照自身来说，absolute是按照浏览器来说，但是要注意的是，如果他有父级元素的话，那么他就是依照父级元素来进行改变位置的。

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

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

display-这个元素，设置之后原本的元素不会占用当前的空间，不会影响布局，但是后者，隐藏之后还会占用空间

4、HTML隐藏多余

Div{overflow:hidden}

5、隐藏自适应：overflow:auto;

6、关于框架的问题

这个是接受你要显示页面

indx.php是框架显示的页面，最上面，也就是没按键显示

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

这个是你点击之后想在哪显示后面加：target=""

<a href='../admin/shopclass/add.php' target="main">添加分类</a>

7、关于背景的高的问题，也就是说你定义了一个div但是没有搞，是为了让你的图片在上面。那么就有这个属性了

overflow:hidden;

也就是你本身是属于父级元素的，但是你float就脱离了文本，变成浮动的，所有就不会在用父子元素的空间，所以就父级加上这个overflow:hidden;

8、锚点的设置

在你想跳转的页面的地方加上：<a name="miao">

然后在你想加链接的地方加上<a href="#miao">去找锚点</a>

9.点击换验证码图片

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

10、圆角

border-radius:5px;

11、textarea的左侧文字在最左边

style="vertical-align:top"

12、html块状元素和内联元素的总结，块状元素可以设置margin，但是使用margin的时候要符合：1.块状元素，2.有宽高，其中内联元素不能设置margin和宽高的属性，只能设置padding

到此，相信大家对“HTML的使用技巧有哪些”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！