CSS/HTML
层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。
-
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导航菜单教
【CSS/HTML】随着网页标准化观念深入人心，越来越多的网站采用了CSS架构。CSS架构的网页不但符合W3C标准，并且还非常美观。标准化网页从漂亮的CSS菜单开始。众所周知，CSS菜单都是一段代码、一段代码的编写出来，生成漂亮菜单，今天给大家介绍一款小的软件：CSS Tab Designer！ CSS Tab Designer是一款使用CSS...
|快速|速制|制作|作C|CS|SS|S导|导航|航菜|菜单|单教|教| -
鲜为人知的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】在cnbruce''s blog上看到这个即时换STYLE的代码,觉得不错就COPY过来备用.在见的例子就是:一个站点上有多个页面样式提供浏览者选择.同时,在选择了某样式后,再次打开该页面时,将仍然保持该样式.自然会想到了Cookie技术。 程序代码<HTML><HEAD><link ID="skin" rel="stylesheet" type="tex...
|动态|态C|CS|SS|S站|站点|点教|教程|程多|多个|个页|页面|面样|样式|式提|提供|供浏|浏览|览者|者选|选择|择| -
用CSS实现链接的虚线下划线效果
【CSS/HTML】一些CSS定义虚线实例代码
链接，虚线，下划线 -
CSS使用心得体会
【CSS/HTML】一，CSS的管理 偶个人感觉比较重要，而且网上好像也比较少有说这方面的 一来管理好的话，在调用和定义CSS时，会省掉很多时间和麻烦 以下是偶的一些积累 首先是为何要外部导入或链接CSS 因为一个网页有很多页面，其中就要用到很多CSS（而且其中有一部分CSS是重复的），如果每页单独定义的话，以下是管理的方法，在...
|CS|SS|S使|使用|用心|心得|得体|体会|会| -
最窄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做一个超链接的陷下效果 -
块元素block element和内联元素inline element
【CSS/HTML】内联级元素(inline-level element)中试图插入块级(block-level element)元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素(inline-level element)和块级(block-level element)元素呢？。 块元素(block element)一般是其他元素的容器元素，...
块元素blockelement和内联元素inlineelement -
关于居中布局和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
