-
1.下划线可以使用border-bottom或者自定义class来实现 <br> 2.float可以直接加在ul上面，再加在li上。 <br> 3.list-style可以直接定制三角形或者使用counter计数器，用图片不太好 list-style: square inside url('/i/eg_arrow.gif') <br> 4.去除a标签的默认事件，写成href='javascript:void(0)'比较合理 <br> 5.宽高不建议写死，否则在多终端下表现糟糕 <br> 6. a:link超链接初始状态 a:visited超链接访问之后的状态 a:hover鼠标经过超链接的状态 a:active按下鼠标之后超链接的状态<br> 7.利用js脚本文件添加“设为首页”，“加入收藏”的功能<br> <br> 8. 获取本页url:window.location 获取本页title:document.title查看全部
-
设计技巧： 1、让元素在横向页面居中，可使用：margin:0 auto; 2、让列表文本垂直居中，可设置相等的高与行高，即：height:*px;line-height:*px;； 3、改变列表的项目标点，可使用list-style-img:url("图标地址");； 4、让列表显示在同一行，可使用：display:inline;； 5、让列表元素浮动，而又不改变列表顺序，可直接对整个列表（即<ul>或<ol>）设置浮动； 6、设置超链接样式默认样式，链接样式：“a:link”、“a:visited”，焦点样式：“a:hove”、“a:active”；查看全部
-
每一个div元素都是一个块儿级元素，总是从起一行。查看全部
-
首页布局查看全部
-
CSS之关于clearfix--清除浮动 http://www.imooc.com/wenda/detail/11604查看全部
-
清除浮动clear查看全部
-
浮动float查看全部
-
编辑新闻区域的时候要把时间放在新闻标题前面，防止IE浏览器解析网页错误而造成错位查看全部
-
清除浮动的三种方法： （1）在父div中设置高度和子div相同 （2）在父div中设置overflow:hidden （3）在子div后面跟着定义一个<div class="clear"></div>，然后该选择器使用clear:both等处理。查看全部
-
父元素清除浮动的方法 1，在浮动元素后加个div设置clear: both; height:0,overflow:hidden； 2，使用clearfix; 3，设置父元素浮动; 4，给父元素设置overflow：hidden；查看全部
-
突然发现子元素设置margin居然不能把父元素撑起来，父元素要设置border才行，不知道为啥 <style type="text/css"> .d1{ width: 50px; height: 50px; padding: 150px; background-color: red; margin:200px; border: 1px solid #000; } .d2{ background:#0f0; /*border: 1px solid yellow;*/ /* 加上这句之后，d1的margin才能把他的父容器d2撑起来，为什么*/ } </style> </head> <body> <div class="d2"> <div class="d1">打阿凡达的非官方</div> </div> </body>查看全部
-
我自己做的，感觉这样才能让后面的背景颜色显示出来 .news_type{ height: 350px; width: 220px; border: 1px solid #0099FF; float: left; } .news_type h2{ font-family: "微软雅黑"; font-size: 18px; height: 35px; line-height: 35px; background: url(../images/titile_bg.gif); padding-left: 20px; color: #BBBBBB; } .news_type_content{ margin-top: 10px; } .news_type_content li{ list-style-type: none; line-height: 40px; height: 40px; } .news_type_content li a{ text-decoration: none; font-size: 14px; color: #AEC1CC; display: block; } .news_type_content li a:link,.news_type_content li a:visited{ color: #F66E08; text-decoration: underline; background: url(../images/li_bg.gif) no-repeat center left; padding-left: 20px; } .news_type_content li a:hover,.news_type_content li a:active{ color: #FFD700; text-decoration:none; background: url(../images/li_bg2.gif) no-repeat left center; background-color: #D3D3D3; padding-left: 20px; }查看全部
-
myFocus--制作焦点图的插件查看全部
-
浮动框脱离了普通的文档流 清除浮动查看全部
-
自恋的编码查看全部
举报
0/150
提交
取消