-
- qq_ChenTepic_0 2018-10-22
一步步教你做哦步骤
- 0赞 · 0采集
-
- 柠檬大战薄荷 2018-09-19
position:fixed----固定的定位，导航
display:inline---图片链接
- 0赞 · 0采集
-
- AtlantisKing 2018-06-03
简洁写法：
ul>li*5>a,+'tab'
- 0赞 · 0采集
-
- qq_fzjiwillbegy_0 2018-04-18
left: 50%;margin-left: 内容宽度的一半; （可以将内容附在中间主体内容的右边）
- 0赞 · 1采集
-
- 向世界问好 2018-02-05
- 技巧： left:50% margin-left 400px 先居中再右偏移content的一半，移动到相应位置。
- 0赞 · 0采集
-
- 慕仙5237505 2017-11-16
- current 的class 为焦点时： #menu ul li a:hover, #menu ul li a .current{ color:#fff; background-color:#0088bb; }
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-16
- css2 :
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-16
- css1: *{padding:0; margin:0;} body{ font-size:12px; line-height:1.7; } li{list-style:none;} #content{ width:800px; margin:0 auto; padding:20px; } #content h1{ color:#224444; } #content .item{ padding:20px; margin-bottom:20px; border:1px solid #269ABC; } #content .item h2{ font-size:16px; font-weight:bold; border-bottom:2px solid #0088bb; margin-bottom:10px; } #content .item li{ display:inline; margin-right:10px; } #content .item li a img{ width:230px; height:230px; border:none; } #menu{ position:fixed; top:100px; left:50%; margin-left:400px; width:80px; } #menu ul li a{ display:block; margin:5px 0; font-size:14px; font-weight:bold; color:#ccc; width:88px; height:50px; line-height:50px; text-decoration:none; text-align:center; } #menu ul li a:hover, #menu ul li a .current{ color:#fff; background-color:#0088bb; }
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-14
- html :alt 用鼠标竖向选择 <div id="menu"> <ul> <li><a href="#" class="current">1F 女装</a></li> <li><a href="#">2F 男装</a></li> <li><a href="#">3F 母婴</a></li> <li><a href="#">4F 数码</a></li> <li><a href="#">5F 美妆</a></li> </ul> </div> <div id="content"> <h1>地购购物</h1> <div id="item1" class="item"> <h1>1F 女装</h1> <ul> <li><a href="#"><img src="../img/JM.ico" alt=""/></a></li> <li><a href="#"><img src="../img/JM.ico" alt=""/></a></li> <li><a href="#"><img src="../img/JM.ico" alt=""/></a></li> <li><a href="#"><img src="../img/JM.ico" alt=""/></a></li> <li><a href="#"><img src="../img/JM.ico" alt=""/></a></li> <li><a href="#"><img src="../img/JM.ico" alt=""/></a></li> </ul> </div> <div id="item2" class="item"> <h1>2F 男装</h1> <ul> <li><a href="#"><img src="../img/1H.ico" alt=""/></a></li> <li><a href="#"><img src="../img/1H.ico" alt=""/></a></li>
-
截图0赞 · 0采集
-
- qq_破晓黎明_1 2017-11-11
- jQuery 事件： offset()事件：获取匹配元素的相对偏移。返回的对象包含两个整型属性：top和left，单位是px。 scrollTop()事件：获取/设置匹配元素的相对滚动条顶部的偏移。 scroll()事件：当用户滚动指定的元素时，会发生scroll事件。scroll事件适用于所有可滚动的元素和window对象（浏览器窗口）
-
截图0赞 · 0采集
-
- Zh_Jane 2017-11-05
- jQuery 事件： offset()事件：获取匹配元素的相对偏移。返回的对象包含两个整型属性：top和left，单位是px。 scrollTop()事件：获取/设置匹配元素的相对滚动条顶部的偏移。 scroll()事件：当用户滚动指定的元素时，会发生scroll事件。scroll事件适用于所有可滚动的元素和window对象（浏览器窗口）
-
截图0赞 · 0采集
-
- 超级无敌可爱的美少女 2017-09-13
- ul>li*5>a table zencoding
- 0赞 · 0采集
-
- 趋之若鹜 2017-08-30
- 网站全局静止特效 样式技巧: position:fixed;left:50%;margin-left:400px; 先居中，再用margin-left填充，可根据中间div的宽度来确定值
-
截图0赞 · 0采集
-
- 趋之若鹜 2017-08-30
- div#menu --> <div id="menu"></div> ul>li*5>a 简写
-
截图0赞 · 0采集
-
- 微风灬唐唐 2017-08-11
- zencoding插件(现改名Emmet) div#menu 按tab ul>li*5>a 按tab 按alt可以纵向选择（sublime text的整列编辑的快捷键：shift + 鼠标右键）
- 1赞 · 0采集
-
- Mr_Jp黎 2017-07-26
- zencoding插件(现改名Emmet) div#menu 按tab ul>li*5>a 按tab 按alt可以纵向选择（sublime text的整列编辑的快捷键：shift + 鼠标右键）
- 0赞 · 0采集
-
- 浅尝 2017-07-21
- ps 小div 紧贴居中 大div 的边缘 小的div left：50%； margin-left：** **：为大div宽度的一半
- 0赞 · 0采集
-
- _冰冻三尺非一日之寒_ 2017-07-20
- zen coding很有用： (div#item$.item>h2+ul>li*9>a[href="#"]>img[src="F.jpg"])*5
- 0赞 · 0采集
-
- yaya_ling 2017-07-05
- 位置固定小技巧： left：50%； margin-left： 先把元素位置居中，再根据其他元素的宽度定位于相应的位置
-
截图0赞 · 1采集
-
- mmmnnmm 2017-06-25
- left:50% margin-left:400px
- 0赞 · 0采集
-
- 洋葱_dot 2017-05-03
- 定位老套路： left：50%； margin-left：400px； 先将要定位的元素垂直居中，在根据前面元素的宽度，让其左移前面元素的一半宽度
- 0赞 · 0采集
-
- qq_pur_0 2017-04-27
- #menu style
-
截图0赞 · 0采集
-
- JoKer49 2017-04-15
- 1.webStrom软件zencoding插件：可简化敲代码 (1) ul>li*5>a 按tab键 sublime也可以tab (2) 按住ALT键，就可以竖向选择 sublime是按住shift+右键 2.超链接悬浮或者座位焦点时(a.current 这里的current是设置第一个为默认)文字变白给个背景色 3.定位小技巧： 固定menu的位置的时候fixed完成之后 left:50% 先让要定位的元素居中显示； margin-left:400px;再根据要相对定位的元素的宽度对要定位元素进行位置偏移。！！！
- 0赞 · 0采集
-
- 慕粉0058078966 2017-04-06
- 1.webStrom软件zencoding插件：可简化敲代码 (1) ul>li*5>a 按tab键 sublime也可以tab (2) 按住ALT键，就可以竖向选择 sublime是按住shift+右键 2.超链接悬浮或者座位焦点时(a.current 这里的current是设置第一个为默认)文字变白给个背景色 3.定位小技巧： 固定menu的位置的时候fixed完成之后 left:50% 先让要定位的元素居中显示； margin-left:400px;再根据要相对定位的元素的宽度对要定位元素进行位置偏移。
- 0赞 · 0采集
-
- qq_齐步走_1 2017-03-26
- 1.webStrom软件zencoding插件：可简化敲代码 (1) ul>li*5>a 按tab键 sublime也可以tab (2) 按住ALT键，就可以竖向选择 sublime是按住shift+右键 2.超链接悬浮或者座位焦点时(a.current 这里的current是设置第一个为默认)文字变白给个背景色 3.定位小技巧： 固定menu的位置的时候fixed完成之后 left:50% 先让要定位的元素居中显示； margin-left:400px;再根据要相对定位的元素的宽度对要定位元素进行位置偏移。
- 0赞 · 0采集
-
- qq_齐步走_1 2017-03-26
- left:50% 使居中，margin-left：400px 让内容再次调整位置。
- 0赞 · 0采集
-
- Jammy_23 2017-03-20
- 技术点
-
截图0赞 · 0采集
-
- 慕仰0443758 2017-03-19
- 特效所需掌握的技术要点
-
截图0赞 · 0采集
-
- 慕仰0443758 2017-03-19
- 特效所需掌握的技术要点
- 0赞 · 0采集
-
- 学习使我进步 2017-03-16
- 特效所需要的掌握技术点
-
截图0赞 · 0采集
数据加载中...
开始学习
免费