搜索列表
-
一个自动居中的导航条实例与相关问题 DIV+CSS
【CSS/HTML】这是我刚刚作的一个导航条，为了让那四个LINK居中，我这样作了，但作完后发现了很多的问题，写出来和大家分享一下！ 首先我们先来看一下这个导航条！ test zishu /*zishu.cn*/ *{ margin:0; padding:0;} body{ font-size:12px; font-family:Verdana, "宋体", Arial; margin:100px 0;} a:link,a:visited{color:#000; tex...
一个自动居中的导航条实例与相关问题DIV+CSS -
像table一样布局div
【CSS/HTML】http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/下面是我翻译的内容，是根据我对文章的理解意译的，你就别挑哪里翻译的不对了，我的目的只是传达这个CSS技巧许多网页设计师都喜欢，将两个或者多个容器等高的并排放置，并在里面展示每个容器的内容，就象经典表格布局中的单元格控制几个栏目...
像table一样布局div -
DIV+CSS网页制作布局技巧学习
【CSS/HTML】CSS布局常用的方法：float:none|left|right取值：none: 默认值。对象不飘浮left: 文本流向对象的右边right: 文本流向对象的左边 它是怎样工作的，看个一行两列的例子xhtml:<div id="wrap"><div id="column1">这里是第一列</div><div id="column2">这里是第二列</div><di...
|DI|IV|VC|CS|SS|S网|网页|页制|制作|作布|布局|局技|技巧|巧学|学习|习| -
给图片在博客中添加滤镜效果
【CSS/HTML】配合同事文章的技巧，用自己的博客来测试一下。首先插入一张测试图片： 终极技巧之图片篇：为图片添加滤镜效果纯文字博客看上去会显得很枯燥，适当的配图能够让页面更美观，也能更好地表达自己的思想。那么如何为图片添加一些Photoshop里面才有的特殊滤镜效果呢？一张张修改图片吗？太烦琐了，更何况很多时候我们是引用网络上的...
|给图|图片|片在|在博|博客|客中|中添|添加|加滤|滤镜|镜效|效果|果| -
鲜为人知的CSS技巧10则
【CSS/HTML】本翻译并未得到作者或网站授权。一切权利都归原作者及原网站所有。 如果你得到原作者或原发表网站的授权，可以自由使用本翻译。 1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的： font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,s...
|鲜为|为人|人知|知的|的C|CS|SS|S技|技巧|巧1|10|0则|则| -
用CSS实现链接的虚线下划线效果
【CSS/HTML】一些CSS定义虚线实例代码
链接，虚线，下划线 -
最窄770px最宽1024px的经典布局研究
【CSS/HTML】最典型实用的上中下，并且中间分三列的布局，这个例子有2个特点： 1. 中间三列效果，可以任意实现单列背景色。2. 整体最窄770px，最宽1024px，也就是说窗口小于770xp就出底部滚动条，如果大于1024px自动屏幕居中。 效果浏览：http://www.rexsong.com/blog/attachments/200512/29_154158_minmax_3col.htm 分析：...
|最窄|窄7|77|70|0p|px|x最|最宽|宽1|10|02|24|4p|px|x的|的经|经典|典布|布局|局研|研究|究| -
图片翻转菜单技术研究
【CSS/HTML】Fastcompany是simplebits.com站长的全CSS+Div布局作品.网站导航采用的是CSS图片翻转.不用多想肯定是利用a:link和a:hover等不同状态下利用显示不同的background-images制作而成.我认为作者的独到之处在于CSS中的a:hover...#nav a:hover {background-position: 0 -20px;}#nav a:active {background-position: 0 -4...
|图片|片翻|翻转|转菜|菜单|单技|技术|术研|研究|究| -
CSS做一个超链接的陷下效果
【CSS/HTML】A:link,A:visited ,A:active {TEXT-DECORATION: none} A:hover {text-decoration : none; position : relative; top : 1px; left : 1px} 把鼠标放上来看看效果--- [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
CSS做一个超链接的陷下效果 -
关于居中布局和IE双倍边距bug
【CSS/HTML】今天google了一下css居中布局的问题，结果差不多都是引用了同一篇文章。在ie中要居中，只要在<body>元素中定义text-align:center;的属性。而在firefox中，需要定义一个wrapper包裹器。然后指定margin-left:auto;margin-right:auto;的属性来使区块在firefox中居中。其实，我自己都是用margin:auto;的缩写margin属性...
关于居中布局和IE双倍边距bug -
HTML技巧汇编
【CSS/HTML】1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到: <meta ...
HTML技巧汇编 -
对display:inline;与float:left;的认识
【CSS/HTML】 首先我们要明确，display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每...
|对d|di|is|sp|pl|la|ay|yi|in|nl|li|in|ne|e;|;与|与f|fl|lo|oa|at|tl|le|ef|ft|t;|;的|的
