-
步骤2：查看全部
-
步骤：查看全部
-
html:查看全部
-
dizhi:demo.jb51.net/js/myfocus/download.html查看全部
-
L-V-H-A是link、visited、hover、active的简写。 A:link 超链接的默认样式 A:visited 访问过的（已经看过的）链接样式 A:hover 鼠标处于鼠标悬停状态的链接样式 A:active 当鼠标左键按下时，被激活（就是鼠标按下去那查看全部
-
在CSS中没有a和d选项中的属性，list-style-image可以把图像设置为列表中的项目符号；list-style-type可以设置列表项目符号的不同样式，如：none表示无项目符号，disc表示实心圆（默认值），circle表示空心圆，square表示实心方块等。查看全部
-
不让字体盖住搜索图标：padding-right .nav_middle_left,.nav_middle_right{ float:left; } .nav_middle_left{width:680px; } .nav_middle_right{width:300px; } .nav_middle_left li{ list-style-type:none; width:100px; float:left; line-height:40px; text-align:center; } /*没点的和点过的状态*/ .nav_middle_left a:link,.nav_middle_left a:visited{ text-decoration:none; color:#fff; font-size:16px; font-family:"微软雅黑"; } /*经过的和点击的状态*/ .nav_middle_left a:hover,.nav_middle_left a:active{ text-decoration:none; color:#ff0; font-size:16px; font-family:"微软雅黑"; } .search_text{ width:190px; height:25px; margin-top:5px; background:url(../img/SN.ico) no-repeat right center; background-color:#fff; padding-right:45px; border:1px solid #fff; }查看全部
-
《疯狂HTML 5/CSS 3/JavaScript讲义》 <div class="nav"> <div class="nav_left"></div> <div class="nav_middle"> <div class="nav_middle_left"> <ul> <li><a href="#">首页</a></li> <li><a href="ajax.html">关于慕课</a></li> <li><a href="#">动态</a></li> </ul> </div> <div class="nav_middle_right"> <form action="" method="post"> <input type="text" class="search_text"/> </form> </div> </div> <div class="nav_right"></div> </div>查看全部
-
笔记：<div class="nav"> <div class="nav_left"></div> <div class="nav_middle"> <div class="nav_middle_left"> <ul> <li><a href="#">首页</a></li> <li><a href="ajax.html">关于慕课</a></li> <li><a href="#"></a>动态</li> </ul> </div> <div class="nav_middle_right"> <form action="" method="post"> <input type="text" /> </form> </div> </div> <div class="nav_right"></div> </div> </div> .nav{height:40px; background:#ccc;} .nav_left{width:10px; height:40px; background:url(../img/YMX.ico) no-repeat; float:left; } .nav_middle{ width:980px; background:url(../xampp-win32-7.1.11-0-VC14-installer/.rsrc/BITMAP/BUTTONS.bmp) repeat-x; float:left; } .nav_right{ width:10px; height:40px; background:url(../img/YMX.ico) no-repeat; float:left; }查看全部
-
代码：查看全部
-
分析：查看全部
-
HTML:<div class="wrap"> <div class="logo"> <div class="logo_left"> <img src="../img/1H.ico"/> </div> <div class="logo_right"> <img src="../xampp-win32-7.1.11-0-VC14-installer/.rsrc/ICON/7.ico"/> <span class="tel">24小时服务热线</span> </div> </div> </div> .wrap{width:1000px; margin:0 auto;} .logo{height:80px;} .logo_left{width:200px; float:left;} .logo_right{width:300px; float:right; margin-right:30px; color:#8e8e8e; } .logo_right img{ vertical-align:middle; margin-right:10px; } .tel{ font-family:"微软雅黑"; font-size:16px; color:#f00; }查看全部
-
浮动元素由于脱离了普通的文档流，不再占用原来文档中的位置，因此无法把父元素撑开。a、b、c中所描述的三种方法均可解决此问题。关于clearfix的具体用法参见：http://www.imooc.com/wenda/detail/11604查看全部
-
元素塌陷：http://www.jianshu.com/p/a17c0f9735d9查看全部
-
清除浮动，作用于使用这个样式的元素，不允许元素前面出现浮动元素。查看全部
举报
0/150
提交
取消