-
说，所有的一切都是一个<div>元素。浏览器将 平等对待<div>元素里面的内容，因为他无法进行区分，包括“级别”和“标 识”，比如 content, sidebar,和 footer 不同的网站内容各不相同。 在 HTML5 中，可以通查看全部
-
1、display:inline-block; 把<span>元素显示为块元素，然后定义宽高。 2、三个盒子（div display:block; 独占一行) 摆一排的方法，既可以用float，亦可以display：inline-block; 使其同行 3、.link .icon :hover{} //鼠标滑过.icon 时icon才变化 .link:hover .icon {} //鼠标滑过link 时icon 变化查看全部
-
这种解决方案好像还是有问题啊查看全部
-
线宽184px是不对的 老师讲的也没有完整对齐 应该把线宽设置为180px 因为之前使用了【box-sizing:border-box；】 这里已经把边框算在内部了。查看全部
-
关于鼠标频繁滑过，tip出现频跳的解决方法。 原因，代码是使用类选择器去调用animate方法，所以鼠标滑动到不同元素上，该动画会不停出发，以至于不同tip不知道上还是下。 这是后加入判断方法，只有在没有动画的时候再发生动画，此问题可解决。 注意10行代码 使用 :animated（要加引号） 传入animate方法，is(:animated)表示动画是在进行 !$(".tip").is(":animated") 表示动画已结束（注意前面！号）查看全部
-
发现一个问题：最终线条覆盖在button上面， .button:hover .line-top{width:100%;left:-2px;}这样设置后的width和button的宽度不一样， 可改写为： .button:hover .line-top{width:102%;left:-2px;} 或者 .button:hover .line-top{width:180px;left:-2px;}/*注意width:184px;也是不对的*/查看全部
-
细节决定成败，一定要静下心来仔细分析，先把架构写出来，最后把样式加上就OK了！查看全部
-
这是jquery代码，所有浏览器完美显示 把box-sizing的内容注释掉，jquery中写法如下 $(function(){ //给个按钮驾鼠标滑过动作 $('.button').hover( function(){//鼠标悬浮时的事件 //1.获取需要显示的内容 var $this = $(this); var txt = $this.attr('data'); //2.将获得到的值放入tip em中 var $tip = $('.tip');//取得em对象 $('.tip em').text(txt);//为em对象放置文本值 //3.同时改变tip的位置 //3.1获得每个按钮相对于父元素的位置,此处只需要获得left值 var this_left = $this.position().left; //3.2设置tip与该按钮垂直剧中对齐 var tip_width = $tip.outerWidth();//获取每个em的宽度 var this_width = $this.outerWidth();//此按钮的宽度 var tip_pos = (this_left+this_width/2)-tip_width/2; $tip.css({left:tip_pos+"px"}).animate({top:'145px','opacity':1},500); }, function(){//鼠标离开时的事件 $('.tip').animate({'top':'110px','opacity':0},300); }); }); // 此方法几点说明 // 1.关于box-sizing属性，在moz浏览器中支持的还不很好，有误差 // 2.上述tip_left的计算方法是先找到按钮中心距父元素左右的距离， // 然后用此距离-tip的宽度/2，即是tip的左边距 // 3.此方法计算的左边距，可以完美解决tip宽度比按钮宽度小的情况查看全部
-
CSS3关键技术点查看全部
-
记住在sublime-text中的“ctrl+D”这个多选相同代码的快捷键。查看全部
-
box-sizing属性设置; content-box规定使用叠加的属性值，添加内外边距、边框值等 border-box规定使用定义的盒子值，仅表示元素定义的值 indenx继承属性查看全部
-
老师是哪的人？查看全部
-
<a>标签制作按钮的优点： 1、没有默认事件； 2、可以用CSS模拟成按钮外观，并做到宽度自适应； 3、可以增加交互效果，且浏览器均兼容； [ 查看全文 ]查看全部
-
三角形CSS：<span> display：block; width:0; height:0; overflow:hidden; border:7px solid transparent; border-right-color:red;//向左 //三角形方向和border-后面设置的方相反。查看全部
-
幽灵按钮：是不再使用复杂的色彩、样式和纹理。外在以线框示以轮廓，内部以文字示以功能，背景透出，与整个页面或背景合二为一的一种方式查看全部
举报
0/150
提交
取消