搜索列表
-
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技巧汇编 -
css技巧十条
【CSS/HTML】1.css 字体简写规则当使用css定义字体时你可能会这样做:font-size: 1em;line-height: 1.5em;font-weight: bold;font-style: italic;font-variant: small-caps;font-family: verdana,serif; 事实上你可以简写这些属性:font: 1em/1.5em bold italic small-caps verdana,serif 现在好多了吧,不过有一点要注意:使用这一...
|cs|ss|s技|技巧|巧十|十条|条| -
CSS基础学习
【CSS/HTML】 一.样式表基础 1. 样式表中每一个条目由选择符(selector)和对应的规则组成,选择符通常是HTML元素名称,也可以是类(class)、标识符(id)、伪类(pseudo class,它们标示了超链接的不同状态)等。 2. 将样式表(规则)添加到HTML文档中有3种方式: ① 外部样式表。 ② 应用于整个文档的样式,...
|CS|SS|S基|基础|础学|学习|习| -
css元素定位
【CSS/HTML】css元素定位 1. position:static|无定位position:static是所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位 example:#div-1 { position:static;} 2. position:relative|相对定位使用position:relative,就需要top,bottom,left,right4个属性来配合,确定元素的位置。如果要让div-1层向下移动20px,左移...
|cs|ss|s元|元素|素定|定位|位| -
非常酷的角BANNER
【CSS/HTML】Top Right Banner Style #topright { position: absolute; right: 0; top: 0; display: block; height: 125px; width: 125px; background: url(TRbanner.gif) no-repeat; text-indent: -999em; text-decoration: none;} Top Left Banner Style #topleft { position: absolute; left: 0; top: 0; display: block; he...
|非常|常酷|酷的|的角|角B|BA|AN|NN|NE|ER|R| -
最基本的几种CSS文字滤镜效果
【CSS/HTML】闲来无事,整理一些CSS文字效果,给初学者。下面做个例子吧,这都是最基本滤镜的应用,其实两种或几种不同滤镜的组合会获得意想不到的效果,遇到问题自己多动手试试就OK了,当然要特别注意颜色的搭配,有时候用色不好是看不出效果的,配合背景图片的应用也会有很好的效果的。因为太懒,所以没有写注释也没有写什么语法格式...
|最基|基本|本的|的几|几种|种C|CS|SS|S文|文字|字滤|滤镜|镜效|效果|果| -
CSS实现光滑圆角效果
【CSS/HTML】这个效果非常独特,以前我所见过的这种特效实现过程非常复杂,但这里的源代码却非常简单,推荐收藏。 <html xmlns:v><head><style>v\:*{behavior: url(#default#VML);}</style></head><body><v:roundRect style="position:absolute;left:20px;top:50px;width:200px...
|CS|SS|S实|实现|现光|光滑|滑圆|圆角|角效|效果|果| -
利用CSS,链接下划线也玩自定义
【CSS/HTML】 原文链接:CSS Design: Custom Underlines 由 A List Apart 杂志及作者授权翻译。(Translated with the permission of A List Apart Magazine and the author[s].) 说明:文章中“[补充]”内容系译者所补充添加(来自 CSS 2.0 中文手册),目的是方便读者理解相关内容。 虽然网页设计师通...
|利用|用C|CS|SS|S,|,链|链接|接下|下划|划线|线也|也玩|玩自|自定|定义|义| -
CSS关于相对定位和绝对定位的说明实例
【CSS/HTML】<style>body{margin: 30px; font-size:9pt;} .a, .b, .c, .d, .e{ width: 100px; height: 100px; margin: 5 auto; color: #fff; background: #000;}.aa, .bb, .cc, .dd, .ee{ top: 10px; left: 10px; &n...
|CS|SS|S关|关于|于相|相对|对定|定位|位和|和绝|绝对|对定|定位|位的|的说|说明|明实|实例|例| -
On having layout
【CSS/HTML】译者注:一篇很好的文章,很久以前在blog上就推荐过,这两天断断续续花了点时间翻译了一下,推荐读读。英文原文在此。 文中所有的 layout 这个单词都未作翻译,一来本身这个单词意思就比较多,翻成啥都觉得别扭,二来它也是专有的属性,所以就意会一下吧。水平有限,很多地方都是模模糊糊地意译,发现错误欢迎留言指出。 引用一...
|On|nh|ha|av|vi|in|ng|gl|la|ay|yo|ou|ut|t|