需要控制的模块id不能重复,class名字是不能重复,矛盾的css样式不指向同一块区域。
首先建立一个DIV,为其命名为“nav”,在DIV中建立一个<ul>无序列表,导航共有几个栏目,就为列表添加几个<li>的列表项,为每个列表项中的内容加上超链接,链接到所需的项目页面。
然后设置CSS样式,为列表规定宽度和高度,去掉列表前面的符号,代码为:
ul {width:宽度值;height:高度值; list-style:none;}
如果是横向导航,还需为里面的列表项<li>标签设置左浮动的样式,代码为:li {float:left;}
每个栏目之间分隔的距离可通过margin(外边距)属性来设置。
html代码:
<div id="nav">
<ul>
<li>CSS学习</li>
<li>学前准备</li>
<li>入门教程</li>
<li>提高教程</li>
<li>布局教程</li>
<li>精彩应用</li>
</ul>
</div>
css代码:
#nav ul{
width:960px;
height:35px;
}
给你的字体添加一个p标签,然后在css中找到p标签,控制css来修改字体,输入这些代码就可以修改字体大小了p{font-size:36px}就可以成功将p标签的文字设置为36号了。(p标签只是举个例子,你也可以修改为别的标签名字,或者你添加id选择器也行,总之方法多样)
ID编程是表示着标签的身份,在JS脚本中会用到id,当JS要修改一个标签的属性时,JS会将id名作为该标签的唯一标识进行操作。也就是说ID只是页面元素的标识,供其他元素脚本等引用。
假如你的页面里出现了两个ID那JS效果特性较出现逻辑错误不知道依据哪个ID来改变其标签属性。
在CSS里的ID不一定为JS而设置的,但是同样ID在页面里也只能出现一次,并且是唯一性。
Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有