css
文章平均质量分 71
iteye_4429
这个作者很懒,什么都没留下…
展开
-
table和div设置height:100%无效的完美解决方法
刚接触网页排版的新手,常出现这种情况:设置table和div的高height="100%"无效,使用CSS来设置height:"100%"也无效,为什么会这样呢?解决height:100%无效,table和div的解决方法并不相同。首先说一下table,他比较容易解决,当我们使用Dreamweaver来制作网页,新建一张网页,通常在代码头部会有类似以下的代码:<!DOCTYPE ...原创 2011-06-02 09:27:14 · 139 阅读 · 0 评论 -
我的css笔记
编码 css文件的编码要和页面的编码一致,在css中指定编码 要在css文件的最前端,如下:@charset "utf-8" body 定义*{ margin:0; padding:0; }body{ font:12px/130% Verdana, Geneva, Arial, Helvetica, sans-serif 宋体; tex...原创 2012-05-16 08:11:52 · 78 阅读 · 0 评论 -
【转】优秀设计网站参考
转载自 chenxinxin2最终编辑 chenxinxin2http://www.homepg.co.kr/http://www.yoondesign.com/ http://www.rodingallery.org/http://www.toyota.co.kr/HYUNDAIhttp://www.hyundai.co.kr/Gunyang ITThttp://www....原创 2012-05-04 09:21:12 · 288 阅读 · 0 评论 -
视频播放器代码(转载)
1. Google Video and YouTube FLASH视频代码格式:<object type="application/x-shockwave-flash" data="swf视频文件地址" width="400" height="326" id="VideoPlayback"><param name="movie" value=原创 2012-05-04 09:18:44 · 276 阅读 · 0 评论 -
CSS+DIV固定底部的漂浮导航条
经常看到各大网站(例如:天涯,网易,阿里巴巴)的底部会有一个能够固定的漂浮条,该效果可以用js实现,但是今天新鲜代码站推荐一个纯css方法,更加简洁方便。css代码如下:body { background-image:url(text.txt); /* for IE6 */ background-attachment:fixed; } #bottomNav { backgrou...原创 2011-03-22 09:34:10 · 501 阅读 · 0 评论 -
表单对齐效果
效果图见附件css<style type="text/css">*{margin:0;padding:0;}body{font-size:63%;color:#000;}/*input*/.input_on{padding:2px 8px 0pt 3px;height:18px;border:1px solid #9...原创 2011-03-17 09:45:22 · 100 阅读 · 0 评论 -
ICOFormat.8bi--photoshop生成ICO插件
解压附件,拷贝到ps安装目录下的 Plug-Ins\File Formats 下,启动ps,你会发现,图片可以保存成ico格式的了。2011-03-08 09:34:45 · 325 阅读 · 0 评论 -
IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例
IE hack "\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox. "*" IE6、IE7可以识别.IE8、FireFox不能. "_" IE6可以识别"_",IE7、IE8、FireFox不能. 1.区别IE和非IE浏览器CSS HACK代码 #divcss5{backgr原创 2011-03-02 10:07:54 · 62 阅读 · 0 评论 -
文字和图片一起排版,line-height 在IE6 下失效
BUG症状:当在一个容器里文字和img、input、textarea、select、object等元素相连的时候,对这个容器设置的line-height数值会失效; 受影响的浏览器: Microsoft Internet Explorer 5.01 / Windows Microsoft Internet Explorer 5.5 / Windows Microsoft Intern...原创 2011-10-12 16:38:41 · 117 阅读 · 0 评论 -
<li></li>列表中显示文字强制不换行,大于li宽度自动隐藏
li{display:block;font-size:14px;height:16px;line-height:16px;width:330px;white-space:nowrap; //强制不换行overflow:hidden; //自动隐藏文字 ...原创 2011-09-23 13:59:20 · 240 阅读 · 0 评论 -
由offsetTop引起的js无缝滚动只滚动一次的临时解决办法
今天有个分公司设计师投诉,问题是他在网上找到的js无缝滚动插入页面后,ff只滚动一次就停止了!开始以为是公司自有产品的js冲突引起的,但是如果将代码插入到页面上方,问题就解决了;插入到页面中部问题就复现了。经过与代码的激烈拉锯战,最后发现,原来造成这个问题的原因竟然是js里面用到的一个属性值:offsetTop!代码先上:<div id="demo"...原创 2011-09-22 17:13:48 · 255 阅读 · 0 评论 -
增强SEO的div+css命名规则
页头:header登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体:main内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title加入:joinus指南:guild服务:service热点:hot新闻:...原创 2011-02-22 14:40:48 · 71 阅读 · 0 评论 -
CSS让同一行的图片和文字垂直居中对齐
很简单,就是在图片和文字所在的行中添加CSS属性:vertical-align:middle; <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="ht...原创 2011-08-30 10:59:21 · 1066 阅读 · 0 评论 -
网站配色之一
最近,工作的关系,做关于网站前台的东西比较多,其中就涉及到了网站页面风格的设计,现将用到的查到的学到的在此做整理,记录我的成长。。。 色彩在引导人们视觉的时候所起的作用是不能低估的。根据专业的研究机构研究表明:彩色的记忆效果是黑白的3.5倍。也就是说,在一般情况下,彩色页面较完全黑白页面更加吸引人。 通常的做饭是: 底色深,文字的颜色就要浅,...原创 2010-12-04 19:51:33 · 110 阅读 · 0 评论 -
css文字截取
写一些ul.li标签的时候比较有用.看了Realazy.陈贤安写的css载字also看了他推荐的yahoo上面的牛人写的,看的晕.XBL和JavaScript一起写..ft.稍微解决了下Firefox下的问题.{firefox a little of 'BT'.}-o-text-overflow针对opera的私有属性."li:not(p)"有些搞不懂.哪位高人帮俺解释...原创 2010-12-04 11:25:35 · 229 阅读 · 0 评论 -
css表单对齐解决方案
表单的样式一直是前端所重视的,也是最难解决的,每个人的解决方法不懂,今天在网上看到这个方法,很不错,大家可以试试,运用到了display:inline-block这个属性。 /* style.css */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,bl...原创 2010-12-04 10:07:25 · 747 阅读 · 0 评论 -
table居中(ie、ff)
<div class="index_table"> <table width="1000" border="1"> <tr> <td>汽配软件</td> <td>车型大全<原创 2012-10-11 15:06:18 · 181 阅读 · 0 评论