-
浮动会让元素塌陷,即被浮动元素的氟元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度。你可以按以下哪种方法处理: 1.在浮动元素后价格div设置clear:both;height:0;overflow:hidden 2.使用clearfix; 3设置父元素浮动查看全部
-
background:url(../images/line.png)no-repeat right center; right:水平方向靠右 center:垂直方向居中查看全部
-
引用优酷网视频,可以改宽度和高度查看全部
-
IE浏览器不兼容的时候 注意:当在IE中时,日期会错位一行,解决:带有span的日期放在新闻标题的前面; 即原来<li><a href="newslist.html">新闻题目hfdfdj</a><span>2014-5-30</span></li>, 改成<li><span>2014-5-30</span><a href="newslist.html">新闻题目hfdfdj</a></li> 浮动元素先写在前面,以免元素错位一行查看全部
-
在CSS中没有a和d选项中的属性,list-style-image可以把图像设置为列表中的项目符号;list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等。查看全部
-
注意: 1、em为内联元素,要把他改成块级元素(display:block;)后,设置的宽度和高度才有效; 2、background position:10px 20px; 10px是指水平上的,20px是指垂直方向上的,若要上移就是-20px;这一技术叫CSS Sprites(CSS精灵); 3、记得把默认样式去掉,如ul,li,p{margin 0;padding:0;}或者*{margin 0;padding 0;} 4、font-style:none 把默认字体样式(斜体)去掉; 5、display:inline; css的一个样式,inline表示按照内联模式(内联元素会与其他元素在同一行,不会导致换行)显示,它会和周围的元素在一行。如果是display:block,它会和周围的元素不在一行,自己单独一行。 6、list-style-type:none; 去掉项目符号前面的默认小圆点(list-style包括list-style-type、list-style-position、list-style-image ),也可以用list-style:none; 7、text-decoration:none; 去除下划线;查看全部
-
3-11 新闻中心制作(二) 图片编辑六要素:大小、边距、边框、位置、浮动、背景; 文字编辑八要素:大小、边距、边框、位置、浮动、行高、背景、颜色;查看全部
-
设计技巧: 1、使用转义字符,即>代表“>”; 2、使用<span>标签包含元素,使特定文本在行内显示; 3、行内元素使用浮动后,将产生错位,需要特别定义样式; 4、用百分比定义值,比如:宽度,可以适应多个宽度的盒子;查看全部
-
myFocus插件实现焦点图轮播效果 1.下载myFocus,拷贝js文件夹到项目,在html页面中引入必要的文件。 <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script> <script src="js/mf-pattern/mF_YSlider.js" type="text/javascript"></script> <link href="js/mf-pattern/mF_YSlider.css" rel="stylesheet" type="text/css"/> 2. <div class="ad" id="picBox"><!--必须自定义的div,在js配置时只需配置这个id--> <div class="loading"><img src="" alt="图片加载中"/></div><!--使用myFocus,图片未加载完成前的提示图片配置即载入画面--> <div class="pic"><!--使用myFocus必须要定义的固定div,并且class设置为pic--> <ul> <li><img src=""> <li><img src=""> <li><img src=""> </ul> </div> </div> 3.在script中配置myFocus如此: //你可以简单的调用---只设置它的盒子id,其它参数全部默认设置: <script type="text/javascript"> myFocus.set({id:'picBox'}); </script> //或详细一点的参数调用: 注意picbox需定义宽高 4.详细教程http://demo.jb51.net/js/myfocus/tutorials.html查看全部
-
① 超链接四种状态的设置顺序link-》visited-》hover-》active; ② 要想让列表在水平方向上排列,需要设置列表项浮动 ③ 由于a标签属于内联元素,无高度和宽度属性,因此控制鼠标经过状态改变背景颜色时,仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素,display:block查看全部
-
list-style-image可以把图像设置为列表中的项目符号;list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等。查看全部
-
background:url(地址) no-reapeat right(图片在右边) center(图片居中); 1. 添加表单,用form标签,在form中添加文本框,input标记,type属性<br> <form action="" method="post"><br> <input type="text" class="search_text"/><br> </form><br> 2.让文本内容在盒子垂直方向上居中,则让行高值等于盒子高度即可<br> 3.a:link表示为超链接初始状态 a:visited表示为状态和超链接之下的访问后状态<br> hover表示鼠标经过时的状态 active表示按下鼠标之后的状态<br> 4.填充:即设置盒子中的内容与盒子四周的距离,不想让输入的字覆盖到搜索图片上就使用填充,数值设置为图片的宽,即输入的文本最长输入到据盒子距离图片宽的位置上。<br> 5.对文本样式进行操作,无样式即<br> text-decoration:none; 6.list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,即去除列表项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等查看全部
-
.logo_right img{ vertical-align:middle;设置图片垂直居中 }查看全部
-
实现把“图像”设置为列表中的项目符号: background list-style-image background-image查看全部
-
把时间span标签放在新闻文字的前面,防止ie浏览器解析错误而造成错位查看全部
举报
0/150
提交
取消