搜索列表
-
给图片在博客中添加滤镜效果
【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/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...
|图片|片翻|翻转|转菜|菜单|单技|技术|术研|研究|究| -
块元素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 -
相对路径与绝对路径的区别
【CSS/HTML】绝对路径： 在我们平时使用计算机时要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径，例如只要看到这个路径：c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对...
相对路径与绝对路径的区别 -
HTML技巧汇编
【CSS/HTML】1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到: <meta ...
HTML技巧汇编 -
CSS如何使DIV层居中
【CSS/HTML】如何使DIV居中主要的样式定义如下： body {TEXT-ALIGN: center;}#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 说明： 首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定...
|CS|SS|S如|如何|何使|使D|DI|IV|V层|层居|居中|中| -
用CSS实现鼠标单击特效
【CSS/HTML】如果你能很好地应用CSS，那么你的主页将被打扮得很靓。下面就给大家介绍用CSS做出的一个鼠标单击特殊效果图。 1、将下面的代码复制到你的主页中和之间。 〈STYLE〉.shadow { FILTER: shadow(color=blue，direction=225) } .shadow1 { FILTER: shadow(color=red，direction=225) } ....
|用C|CS|SS|S实|实现|现鼠|鼠标|标单|单击|击特|特效|效| -
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】实现方法很简单，在CSS中添加以下代码: img { filter:expression( this.不能去掉 ? "" : ( (!this.complete) ? "" : this.runtimeStyle.filter = ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=''" + this.src + "'')") + String(this.不能去掉 = true).sub...
|CS|SS|S实|实现|现简|简单|单的|的图|图片|片防|防盗|盗链|链代|代码|码|
