热门标签： c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml

最新文章 : css

CSS的主要属性

CSS 背景属性（Background）
属性
描述
CSS
background
在一个声明中设置所有的背景属性。
1
background-attachment
设置背景图像是否固定或者随着页面的其余部分滚动。
1
background-color
设置元素的背景颜色。
1
background-image
设置元素的背景图像。
1
background-position
设置背景图像的开始位置。
1
background-repeat
设置是否及如何重复背景图像。
1
CSS 边框属性（Border 和 Outline）
属性
描述
CSS
border
在一个声明中设置所有的边框属性。
1
border-bottom
在一个声明中设置所有的下边框属性。
1
border-bottom-color
设置下边框的颜色。
2
border-bottom-style
设置下边框的样式。
2
border-bottom-width
设置下边框的宽度。
1
border-color
设置四条边框的颜色。
1
border-left
在一个声明中设置所有的左边框属性。
1
border-left-color
设置左边框的颜色。
2
border-left-style
设置左边框的样式。
2
border-left-width
设置左边框的宽度。
1
border-right
在一个声明中设置所有的右边框属性。
1
border-right-color
设置右边框的颜色。
2
border-right-style
设置 ......

CSS 样式学习

三种引用2010-03-14 17:45:36
内联定义>外链引用>内联块定义
1.内联定义
  <a stype="XXX">
2.外链引用               css文件
<head> <link rel="stylesheet" href="aa.css" />   </head>              head里写
标签通过 class=" " 来引用
3.内联块     （在head 和body之间写）
<style type="text/css">
<!--
a:link{text-decoration:none; color: #FF0000; font-size:24px}               //text-decoration 文字线
a:Active{text-decoration:line-through; color:#FF0033; font-size:18px}
a:Visited{ color:#FFCC33; font-size:12px}
- ......

css实现渐变效果

<div style="FILTER:alpha(opacity=30 finishopacity=0 style=1) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); VERTICAL-ALIGN: middle; BORDER-LEFT: #f3f3f3 1px solid; WIDTH: 300px; PADDING-TOP: 4px; BORDER-BOTTOM: #f3f3f3 1px solid; HEIGHT: 100px" align="center"></div>
<!--
参数   说明
gradientType=1代表横向渐变，gradientType=0代表纵向淅变
渐变效果实现：filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0000,endcolorstr=#FFCC66,gradientType=1)
startcolorstr="色彩"代表渐变开头的色彩
endcolorstr="色彩"代表渐变结尾的色彩
         opacity 透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。
         finishopacity 是一个可� ......

50款css工具

50款css工具
引自:http://bbs.seuuo.com/thread-2613-1-3.html
50款CSS工具，包含，CSS网格和布局工具，CSS 优化工具，CSS 菜单生成工具，CSS 按钮生成器，CSS 圆角生成器，CSS 框架，CSS Sprites生成器，CSS 排版工具以及 CSS 表单生成器。
网格和布局The 1KB CSS Grid
新颖的 CSS 网格工具，可用于简化内容管理系统的页面模板，轻巧易用。
Variable Grid System
基于 960px 的常规CSS网页布局工具，用于快速生成基本的 CSS 网格。
Grid Designer 2
可控性强，选项丰富的网格系统，支持 CSS 在线即时输出。
Design By Grid PNG Grid Generator
生成用于CSS网格的 PNG 图片，以方便地用作 PSD 或 HTML/CSS 设计背景，免除手工制作网格的麻烦。
nP: Grid Generator
用于设计布局结构，制定列、边缘、间距等参数。
YAML Builder
可视化，快捷的标准 XHTML 页面框架生成工具，但对 IE6 兼容欠佳。
GRIDINATOR
简单定制基于网格的CSS布局工具，可自定义多种参数。
Grid System Generator
生成适用于 960.gs，Golden Grid，1KB Grid 的网格布局，也可生成基本的通用网格。
YUI: CSS Grid Builder
来自 Yahoo 的网格工具，用于创建基础布局，统一浏览器表现。
......

浅谈css中图片定位之所有图标放在一张图上

http://www.qiqiboy.com/2009/11/26/css-image-orientation-and-all-images-in-a-picture.html
如今做网页为了使网站丰富多彩，富于表现力，往往需要应用大量的图片/图标。如何处理这些图片，使其尽量不影响网页载入，解析等速度，是一个不大不小的问题。如果你的网站用各种图标图案装饰的靓丽无比，但是需要等待较长的时间加载，那么相信很多用户会等不及而离开。尽量将图片做的小些，可能是大部分人选择的解决之道。但是100张1kb的图片加载与一张100kb的图片加载，这之间又是不同的，这涉及到网站服务器的同时连接数，网络质量等。但是，显然，加载一张图片要远比加载多张图片简便的多。
还有最重要的一点，就是涉及到用户动作才表现的图片，例如鼠标移上/移下的图片切换，由于是由动作触发的，所以在动作触发前是不会加载的，而当需要时再从服务器下载，这之间又需要一定的时间，如果图片较大，此时网络质量又不太好，就会出现页面空白。而以上这一切，如果你将所有需要的图片放到一张图片上，这些问题就都不会有了。因为在网页加载时这张图片就已经从服务器上下载来了，所以不会出现丢失，未加载等现象。
&nb ......

有利于SEO的DIV+CSS的命名规则小结

一、CSS文件及样式命名
1、CSS文件命名规范
全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；
2、CSS样式命名规范
本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字。为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间，例如：
头部样式用header，头部左边，可以用header_left或header_l,还有如果是列结构的可以这样——box _1of3 (三列中的第一列)，box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列)，其它的我就不一一举例了，大家按以上规律去命名就好。
下面列出一些常用的命名单词方便大家使用：（以后大家工作过程中慢慢把自己积累的单词都共享出来，那大家的命就会更加统一了，就不会有一义多词的情况了。）
容器：container/box
头部：header
主导航：mainNav
子导航：subNav
顶导航：topNav
网站标志：logo
大广告：banner
页面中部：mainBody
底部：footer
菜单：menu
菜单内容：menuContent
子菜单：subMen ......

总记录数:772; 总页数:129; 每页6 条; 首页上一页 [53] [54] [55] [56] 57 [58] [59] [60] [61] [62] 下一页尾页