wintershan
- 浏览: 199607 次
- 性别:
- 来自: 北京
-
最新评论
-
hncdcsm1：
非常给力，找了很久了，谢谢分享
99款高质量免费(X)HTML/CSS模板(转自blog.bingo929.com不错） -
yuying：
谢谢诶！
非常不错的CSS表单显示效果
文章列表
许许多多的网页新手正徘徊在专业编码的门槛前，而网上的教程参差不齐，鱼龙混杂，很容易让新手迷茫。这里总结了30条网页编码的“秘技”，只要在编码过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。
1. 一定要闭合标签
在以往的页面源代码里，经常看到这样的语句：
<li>Some text here.
<li>Some new text here.
<li>You get the idea.
也许过去我们可以容忍这样的非闭合标签，但在今天的标准来看，这是非常不可取的，是必须百分百避免的。一定要注意闭合你 ...
网页设计制作，CSS实现隔行换色两种方法：
第一种方法：
以下为引用的内容：
<style type="text/css">
UL.myul1 LI{background-color: expression(this.sourceIndex%2==0?'#9FB7F6':'#B6C8F8');
}
</style>
<ul class="myul1">
<li id="li1">111</li>
<li id="li2" ...
对于简单的Web站点，可以只使用一个CSS文件。对于大型的复杂站点，对样式表进行分割以便简化维护是一种好做法。如何分割样式表是需要仔细考虑
的。我一般用一个CSS文件处理基本布局，用另一个文件处理版式和设计修饰。这样的话，在布局确定之后，就很少需要修改布局样式表。这可以防止布局样式表
被意外地改动或破坏。
还可以进一步细分，比如用单独的CSS文件处理颜色。这样的话，如果希望提供新的颜色方案，就只需要创建一个新的颜色样式表。如果站点上有许多表单，
那么可以用单独的CSS文件处理所有表单样式。可以只在需要时链接这个文件，从而减少最初的下载开销。如果站点上的一些页面与站点的其余部分很不 ...
图片自动等比例缩小，其实如果不考虑ie6的话，用css就可以实现，设定img的max-width和max-height，而<img>标签内不设定widht和height即可。
ie7已经支持max-width和max-height，这是为数不多的好消息之一。 但是对于ie6及以前的版本，就只能用js来设置了。
在 ff 2.0/ ie6 / ie7 中测试通过。 opera 8.5 cn 垂直居中未通过，正在研究[貌似opera下如果只有图片行高会失效……]。希望大家来测试。
<!DOCTYPE html PUBLIC "-//W3C/ ...
也许你在做网页的时候发现，发一个区块内的元素被应用了float之后，那么整个box的高度对就不以被浮动对象的高度为标准了。
如图中的城市导航内的城市列表中采用了float之后，那个外框的高度并不是内容元素的高度：
怎么解决这个问题呢？经发现可以采用overflow来解决！方法是在父元素加上如下代码即可
overflow:auto; zoom:1;
overflow:auto;是让高度自适应， zoom:1;是为了兼容IE6，也可以用height:1%;的方式来解决。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...
最先起草本文时，命的名字叫：“谈谈网页布局中表单元素的几宗罪”接下来的内容如下：
当您看到这个标题时，可能会觉得有点夸大其词了吧！表单为我们和服务器交互提供了很好的接口，怎么说是有罪呢？
当 ...
大家去分析一些大站的css代码时，都会发现调用css有以下两种方法：
方法一：
<style type="text/css">
<!--
@import url("css/main.css");
@import url("css/font.css");
@import url("css/layout.css");
-->
</style>
方法二：
<link href="css/tianyi.css" rel="sty ...
作为一个web前端开发
为了html语义化
常常要给内容模块加上一些标题来让页面更有意义
当然还有我们的图片按钮
在抛开css裸奔的情况下也能很顺利的汲取到页面信息
通常为了传达更好的视觉效果
我们常用图片替代掉字体
而早前的前端开发常直接不在html中给出内容
用 ；（甚至为空）
这样在没有加载到css时就无法知道这个区块究竟是什么内容了
正题开始
通常偏移掉字体的方式是（1）
使用text-indent:-9999px;
可是他有一个局限性 他只适用于块级元素block
而我们往往有时候想偏移掉的a上的字体
所以问题就来了
text-ind ...
在当今标准的Web设计中，CSS是最重要的组成部分。为了让大家更好的理解如何通过CSS来设计，彬Go为大家收集了30个基于CSS的导航菜单
和按钮的CSS设计教程，通过这些教程，您可以在您今后的项目中更方便的直接使用或参考，当然也可以用作平时的实践练习。希望大家能从中学到些什么。
CSS导航及菜单教程
01.高级CSS菜单 : Webdesignerwall
02.导航教程 : Ehousestudio
03.技巧: 为Wordpress导航使用滑动门 : Wphacks
04.: Howtocreate
05.下拉式 : Dave-woods
06.横向 ...
最新电脑艺术字体—《汉真广标》，美观大方、庄重活泼、极富新意，特别适合平面设计、网页设计、报刊杂志、影视字幕、广告大字、电脑刻绘等用字，是艺术设计者的必备利器。 如图中的跑跑卡丁车官方网站大量使用该字体。
使用方法： 1、本字体适用于任何windows应用软件，如PHOTPSHP、PAGEMAKER、方正飞腾、freehand、CORELDRAW、word、wps。
2、把下载解压后的TTF字体文件拷贝到控制面板的字体文件夹内即可，和其它字体一样。非网上流传的安装版，需要先运行字体程序，然后才能打开相应软件使用。
［aa25.cn注］需要注意一点的是，在PHOTOSHOP
CS即8.0里 ...
如图，css代码格式化工具，格式化以后代码清晰了然，对修改和制作都很有用处。
制作好之后还能再压缩回去~
喜欢的朋友顶一个~
点击下载此文件
Freebies by Bittbox - http://www.bittbox.com/
BittBox’s 提供简洁免费的矢量图案下载，当然，也包括一些Photoshop/Illustrator 的笔刷。
下面为大家直接进入导航。 [Metal/Glass Button]
[Glass Header]
[Glass orb]
[Glass Badge]
[Glass Bar]
[Glass Arrow Button]
[Glass Number]
[Web Page Eleme ...
推荐给大家一个牛站，可在线生成loading图片，多达上百种样式，即有我们常见的，也有很新奇的，而且还有3D动画，生成gif图片下载下来就能用了。可以设置图片颜色、背景色、图片大小和动画速度，赶快试一下吧
网址：
http://preloaders.net/
Web
2.0潮流的盛行，从代码开始，到颜色，样式，绝非偶然，这是一种引导的趋势。现将本人收集整理的经典photoshop样式提供给大家，其中第一个为
AA25从多个文件中挑取自己认为经常用的样式整理到一块的，第二个为下载来之后没有经常整理，两个都是从网上获得，原作者已不详，在此向他们表示感谢。
同时希望用到的朋友能创造出更多经典的样式来！
可以创建出来的按钮效果如下：
在potoshop里的添加方法如：
点面板右上角的三角箭头，选择载入样式
ok，导入成功！
点击下载AA25整理常用ps样式.rar
用户界面
I Like Your Color
输入URL然后它会抓出其中的颜色并用16进制表示。
CSS Multi-element Rollover Generator
使用CSS和一个图片创建出一个翻转按钮的样式。
CSS Rounded Box Generator
Ruthsarian Layouts
6个CSS页面布局模板，包括颜色、标题等。
Bluerobot Layout Reservoir
2栏和3栏的CSS布局框架
Glish CSS Layout techniques
2、3、 4 ...