2009年7月21日
摘要：
转自： http://blog.onlygrape.com/divcss-4/257CSS命名规范一．文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；二．常用类/ID命名规范页 眉：header内 容：content容 器：container页 脚：footer版 权：copyrigh... 阅读全文
摘要：
转自： http://blog.onlygrape.com/float-position/271在进行CSS网页布局时，对元素与容器进行布置与规划，最常用的两个属性就是浮动float和定位position。这两个属性的理解对CSS网页布局的学习非常重要。首先了解float（浮动）和position（定位）属性的基础知识：float（浮动）属性： float:none|left|right 取值... 阅读全文
摘要：
转自： http://blog.onlygrape.com/divcss-3/381最近在做PNG背景图片背景透明的一个效果的时候，应用到ID，在此之前做页面效果的时候一直用的是CLASS，在这里分析下在页面样式表定义的时候，CLASS与ID的应用。1、在CSS文件里书写时，ID加前缀“#”；CLASS用“.”class和id在页面里面的使用方法：c... 阅读全文
摘要：
转自： http://blog.onlygrape.com/oneway-overflow/229为了更符合实际，我用一个div装起要调试的内容,并为这个div定义一个宽度。例如：[代码] 在IE中实现是非常简单的，CSS 如下：[代码] 但在FF中用上面的样式是实现不了的,因为text-overflow: ellipsis;是IE中特有的(非CSS标准)。现在在FF下看到的仅仅只是把溢出的内... 阅读全文
摘要：
转自： http://blog.onlygrape.com/css/352一、CSS字体属性简写规则一般用CSS设定字体属性方法：font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif;可以把它们全部写到一行上去... 阅读全文
摘要：
转自： http://blog.onlygrape.com/divcss/377如何编写CSS代码才能更有效率？这是许多网页制作者与开发者都关心的问题。大概没有什么魔法，可以保证一下就把你的样式表缩小到百分之多少，但合理的 CSS 编码与组织技巧，的确能够帮助你的更有效率地写出更清晰高效的代码，自然，样式表大小的缩减还能减少下载的时间。一、排版：1、关键词和操作符之间加适当的空格。2、相对独立的程... 阅读全文
摘要：
转自： http://blog.onlygrape.com/css-form-layout/2671、表单文本输入的移动选择：在文本输入栏中，假如加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver=”this.focus()” onFocus=”this.select()” 代码到 <textarea... 阅读全文
摘要：
转自： http://blog.onlygrape.com/css-background-transparency/177 在CSS表中找到 [代码]换行后加入如下代码 （透明度80%）：[代码]注：代码应用的式CSS中的Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不同范围的透明度。具体语法如下[代码]具体参数含义如下：“opacity”... 阅读全文
摘要：
转自： http://blog.onlygrape.com/css-adaptive-picture/175图片自动适应大小是一个非常常用的功能，在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制代码：引用内容[代码]◎max-width:600px;在IE7、FF等其他非IE浏览器下最大宽度为600px。但在IE6中无效。◎width:600px;在所有浏览... 阅读全文
摘要：
转自： http://blog.onlygrape.com/css-modification-rolling/169使用CSS 1．overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。2．scrollbar-3d-light-color立体... 阅读全文
摘要：
转自： http://blog.onlygrape.com/webdesign-css/2931.css 字体简写规则当使用css定义字体时你可能会这样做：Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--font-size:1em;line-heigh... 阅读全文