好贷网好贷款

css 笔记

发布时间:2016-12-5 18:30:38 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"css 笔记",主要涉及到css 笔记方面的内容,对于css 笔记感兴趣的同学可以参考一下。

1.图片和文字对齐 <div><img src='0.png' align='absmiddle'>天气</div>效果如下 2.   图片垂直居中  源文件出处请  点击 总结:将font-size设置得很大 或者 将看不见的文字空间实例成一张透明的gif图片,高度可以轻松设置为外部标签的高度,然后通过vertical-align:middle对齐,就实现效果了 <div class="right_zs_l"> <ul> <li><span class="zs1"><a href="changjing_p.html"><img src="images/pic/cj1.jpg" width="200" height="168" /></a></span> <span class="zs2"><a href="changjing_p.html">测试132111</a></span></li> </ul> </div>.right_zs_l{ height:auto; overflow:hidden;} .right_zs_l ul{ *display:inline-block; } .right_zs_l ul li{ width:204px; height:202px; float:left; margin:20px 15px 0px 22px; text-align:center; _display:inline; } .zs1{display:block; width:200px; height:168px; text-align:center; } .zs1 a{display:table-cell; width:200px; height:168px; border:solid 2px #dcdcdc; vertical-align:middle; *font-size:146px; *display:block; *font-family:Arial;} .zs1 a:hover{ display:table-cell; width:200px; height:168px; border:solid 2px #f20401; vertical-align:middle; *font-size:146px; *display:block; *font-family:Arial; } .zs1 img{vertical-align:middle;} .zs2{ width:200px; line-height:30px; height:30px; overflow:hidden; display:block; font-weight:bold; } .zs2 a{color:#424242; } 3. 添加透明flash <table background="7.jpg" border=1 bortercolor="#000000"> <tr> <td> <p align=center><embed src="http://www.wangyeba.com/Article/web06/FLASH/200703/wangyeba.com013.swf" width=524 height=393 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </p></td></tr></table> 4. 滚动条美化    demo下载地址 效果如图  5. CSS之Position详解  文章出处 1. relative    照它理应所在的位置进行偏移 2. absolute  (1)父对象(或曾祖父,只要是父级对象)parent也设置了position属性,按照parent进行定位                   (2) 不存在parent对象, 以body为定位对象 6.css限制图片最大的高宽 .right_p img{ max-width:650px; max-height:450px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 650 ? "650px" : "auto"):(this.style.height = this.offsetHeight >= 450 ? "450px" : "auto"));}

上一篇:新技术下的政府门户网站群建设建议
下一篇:php gmagick 安装 类库

相关文章

关键词: css 笔记

相关评论