演示视频请见文章末尾
一、页面内容居中显示技巧
将以下代码放置在标签之下,在标签之上:
<div style="宽度:50%; margin:自动;"></div>
将所有内容包裹在这个div中,即可实现整个页面居中显示。
此处的宽度设定为浏览器视窗宽度的50%,而margin的auto值则用于实现水平居中。
二、导航栏悬停顶端方法
将四个a标签装入一个div中。
然后,添加以下代码:
<div style="定位:fixed; 顶端:0px;">
将此div置于第一个a标签之上。
再在最后一个a标签后添加
</div>
"fixed"属性使得该div固定于视窗顶端,"顶端:0px"则设置其距离视窗顶部的距离。
三、鼠标悬停导航标题或链接改变背景色提示
在<head></head>标签中加入以下CSS样式:
<style>
a:hover {
背景色:ffff00;
}
</style>
此代码将在鼠标悬停在任何a标签上时,改变其背景色为。
四、隐藏滚动条策略
要隐藏滚动条,需控制内容的高度。
如需隐藏右侧滚动条,可设定:"overflow-y:scroll;"
若还需隐藏水平滚动条,则加设:"overflow-x:hidden;"
若需更彻底的隐藏方式,可再外层添加一个div并设定overflow为hidden。
具体操作详见演示视频...
通过以上步骤,你已掌握了HTML的基本页面排版与元素控制技巧。
我的原则是:详尽解释,不怕琐碎;堆砌内容,力求完整;多媒体演示,操作无忧;控制篇幅,碎片学习。
无论怎样,写作与分享都是快乐的事。感谢大家的支持与陪伴!也感谢自媒体平台提供的服务。
如有疏漏或错误,欢迎指正!再次感谢!
利用碎片时间,学习完整知识!关注我,一起精研技艺。