断点打一下试试
style="display: none"
其实添加成功了,但是你把他隐藏了。
加浮动
.notice-title li.select{ border-bottom:none; }
这里的下边框不能直接设置none,因为此时li标签的高度是26px,而父元素祖先原色.notice-title的高度是27px,设置为none之后,此时你看到的其实不是下边框,而是祖先元素的背景颜色,所以这时候只需要把下边框的背景颜色设置为#FFF即可,而不是清楚下边框。
.notice-title li.select{ border-bottom-color:#FFF; }
li元素的索引
li的父级ul要设置清除浮动
再者我不推荐用绝对定位 li元素正常布局,不要用定位,然后用
margin-right: -1px;
margin-left: -1px;
直接加在.select选择器上最好 不要用定位了 太麻烦还容易出错 还要计算
每个li里面一个a标签
那会还没有加class当然没出来了。内容就是下面这样的。
<!DOCTYPE html> <html> <head> <title>tab change</title> <meta charset="utf-8"> <style type="text/css"> *{margin:0; padding: 0; list-style: none; font-size: 14px;} .notice{ width: 298px; height: 98px; border: 1px solid #eee; margin: 10px; } .notice-tit{ height: 27px; background: #f7f7f7; position: relative; } </style> </head> <body> <div id="notice" class="notice"> <div id="notice-tit" class="notice-tit"> <ul> <li><a href="#">公告</a></li> </ul> </div> </div> </body> </html>
可以在基础上再加一个class来让标签高亮,比如:<li class="zuo_a bright">推荐</a></li>
.bright{ background:#fff; }
这个要精确计算,不能精确的或者可以这样,平分每个li的宽度取不溢出的宽度,看看与总ul的宽度还差多少,对其中一个li独立设置一个class控制其宽度,1~2个像数很难肉眼看出来 。。
能达到效果就可以啦,不用按部就班的
指下边框的颜色 但是如果没有设置下边框的话是无意义的。或者下边框的宽度是0px也是无意义的
又没写hover 又没加js 自然没效果 这节课只是布局
这是css选择器的规则,li是标签选择器,.select是类选择器,连在一起的意思就是对li标签下的select类进行样式的设置。
老师讲的不一定对,下面的解答也有很多有错误的, 见过很多误导人的,比如1楼
不能完全相信别人。 自己多动手试验就知道了
其实, ul的宽度设300就够了,301反而是错的,
你把tit的css里面的overflow:hidden去掉, 再给ul的CSS加一个 background: red;
你就会发现, 其实设为301px, 反而多出来了一个像素。
因为不管你是否有浮动1px,tit的宽度始终只有 298px+2px(border)的宽度,只是在老师的程序里面,她设了一个overflow:hidden 你看不到而已。
你把ul宽设为 300像素, 才是对的。。
你要哪个源码
一般样式表都用类,尽量少用ID,而操作元素则最好用ID!因此,这样是为了事件和样式明确!
老师讲的不一定对,下面的解答也有很多有错误的, 不能完全相信别人。 自己多动手试验就知道了
其实, ul的宽度设300就够了,301反而是错的,
你把tit的css里面的overflow:hidden去掉, 再给ul的CSS加一个 background: red;
你就会发现, 其实设为301px, 反而多出来了一个像素。
因为不管你是否有浮动1px,tit的宽度始终只有 298px+2px(border)的宽度,只是在老师的程序里面,她设了一个overflow:hidden 你看不到而已
你把ul宽设为 300像素, 其实效果是一样的。。
class在两个地方都要写好来,一个是在样式表里,另一个是在元素的标签里,二者要建立对应关系才可以哦。
已解决,原来少了一条规则,border-bottom-color:#fff;
如果timer这个定时器不为null,也就是还有这个定时器在运行,就停止timer,另外初始化。具体还是要看上下文
找到答案了,原来是我多写了个空格
是不是代码引入路径没写对
外层盒子(一般为div)有固定高宽的时候如果内部内容高宽超出后如果不设置overflow 那么内部元素将溢出,这是我们所不希望的,overflow 有几种选择 我们可以让内部元素超出的部分隐藏 就是这里的hidden 我们也可以让内部的元素超出的部分滚动及 scroll。<div style="width:100px;height:100px"><img src='...' /></div>,当图片的高度为200px,宽度为200px的时候,那么我们希望的 只有100*100的空间是装不下它的,当然图片的显示不能是等比压缩的情况下,至于你要影藏溢出的部分还是滚动显示那就看你的需求了。
看上图,当我将ul设置成301px的时候,给它加个颜色做测试,它就已经溢出了1px额……