css样式学习,CSS学习之一 CSS样式的引入
点评：CSS样式的引入方法小结。HTML中，我们通常使用link元素引入外部样式表，link有以下几个属性：1、rel，代表“关系”（relation），在这里，关系（即rel值）为“stylesheet”；2、type，总是设置为“text/css”，描述了使用link加载的数据类型；3、href，值为样式表的URL，可以是... [阅读全文]
css表格边框,用CSS设置表格Table的细边框的比较好用的方法
点评：大家经常会发现Table的BORDER设置为1，得到的边框却不是想要的1个像素的细边框，于是很多人去想方设法做出细边框的效果。设置Table的细边框通常有这么几种方式： 1、设置边框的BORDER=0 、cellspacing=1，设置Table的背景色为所要的边框色，再设置所有的td背景色为白色，这样细边框就显露出来了。这个方法有些邪气，看似不太正宗，但是也能达到效果，条条大路通罗马嘛！ ... [阅读全文]
css3圆角,css3 border-image使用说明
点评：css3_快速弄明白border-image 在看这个属性时，好像国内的文章都没给大家说太明白，今天就一起说说首先来一个素材图片whiteButton.png 然后我们要做成这样的效果： 代码（呵呵！请不要急，继续向下看）：复制代码代码如下:... [阅读全文]
css选择器,CSS 选择器浅谈
点评：属性选择器 CSS3 标准还有很多非常实用的特性，但IE 7 依然不支持A 标签HTML 选择器 复制代码代码如下:... [阅读全文]
ie6bug,IE6中伪类hover的使用及BUG说明
点评：以前未曾遇到类似的问题，一番google，才知道这是IE6处理CSS伪类:hover的Bug。例如如下的代码： style a {} a span {color: green;} a:hover {} a:hover span {color: red; } /style a href="http://www.baidu.com"百度span百度一下/span/a 在IE7/FF中，鼠标移动到... [阅读全文]
浅谈推销技巧,CSS制作网页之浅谈CSS编码与组织技巧
点评：如何让 CSS 代码简洁而易于编写？这恐怕是许多开发者都关心的问题。我想，大概没有什么魔法，可以保证一下就把你的样式表缩小到百分之多少，但合理的 CSS 编码与组织技巧，的确能够帮助你的更有效率地写出更清晰高效的代码，自然，样式表大小的缩减还能减少下载的时间。组织你的样式表 尽管我们有种种 CSS 的开发工具，比如 TopStyle，比如 StyleMaster，它们可以让你对当前这个样式... [阅读全文]
css行间距,CSS定义字体间距 字体行与行间距
点评：我们可以从表中看到在这里可以定义文本的文字间距、字母间距、装饰、对齐方式、缩进方式和行高等属性。CSS定义字体行间距 line-height:xxpx; CSS定义字体间距 下面我们讲述一下CSS的文本属性，还是先来看一下文本属性的详细列表： 属性 属性含义 属性值 Word-spacing 定义了各个单词之间的间距 Normallength必须以长度为单位 Letter-spacing 定... [阅读全文]
ie7浏览器,IE6，IE7浏览器下 margin 无效的解决方法
点评：前几天做一个页面的时候遇到了这个问题。我设置div的margin-top IE6下居然无效；后来搞了好半天没弄出来。只能设置父元素的padding-top;来达到效果。看下面的演示代码； 今天有时间，所以特意做了一个测试。 复制代码代码如下:... [阅读全文]
运算符,LESS 让css也支持变量,运算符,include,嵌套规则等等
点评：最近在网上看到1个很有意思的CSS扩展，这里介绍给大家。LESS 最早是1个ruby的gem，用于扩展css的语法，用了LESS后，可以在css中使用变量，运算符，include,嵌套规则等等。现在LESS出了js版本，让我们一起来看看LESS能为我们带来什么吧?使用 1. 下载js: http://lesscss.googlecode.com/ 最新版本好像是 1.0.30 2. 使用le... [阅读全文]
浏览器兼容代码,编写跨浏览器兼容的 CSS 代码
点评：本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。做前端开发的朋友可以参考下。为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。理解 CSS 盒子模型如果你想实现不需要很多奇... [阅读全文]
ie7win7,WIN7操作系统下做好IE6，IE7的兼容性测试
点评：当然，最好是IETester 的更新的版本可以完全兼容WIN7，这样就省了不少功夫，呵呵。前端开发的同行们，特别是涉及页面重构一块的，在web页面完成的时候，一般都要进行个主流浏览器的兼容性测试，一般情况下，像火狐，opera，safari,chrome这种浏览器，直接在网上下载最新的版本就行了，但是IE6，7，8,这三个浏览器，在系统中一般都是不能同时安装的，以前在XP上，用IETeste... [阅读全文]
css3圆角,彻底弄明白CSS3的Media Queries（跨平台设计）
点评：CSS3的Media Queries 完美解决网站与手机跨平台设计.... [阅读全文]
html换行,Html 页面的强制换行问题总结
点评：如果想要一个table固定大小，里面的文字强制换行(尤其是在一长串英文文本，并且中间无空格分隔的情况下)，以达到使过长的文字不撑破表格的 目的一般是使用样式：table-layout:fixed。不过在Firefox下面，会有一些问题，参考Gmail的一些做法，做了几个测试，得出 一种解决办法。 如果想要一个table固定大小，里面的文字强制换行(尤其是在一长串英文文本，并且中间无空格分隔... [阅读全文]
css自动换行,css之自动换行实现代码
点评：自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html div id="wrap"正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal... [阅读全文]
reset,Css Reset 复位相关资料整理
点评：Css Reset是什么? 有些同行叫 "css复位",有些可能叫 "默认css".....相信看完全文您会对Css Reset有个重新的认识PS： *{ padding:0; margin:0; } 这就是最常用的Css Reset，但是这里会有很多问题。 原文前部分说了很多关于Css,以及各浏览器的css规则的不同,而制定"CssReset"也是为了兼容与统一,正确有效的使用"Css R... [阅读全文]
li浮动,浮动后的li元素居中实现方法
点评：我们在做导航条的时候，通常使用的办法是用一个盒子包住一个无（有）序列表的办法比如有如下所示HTMl代码： 复制代码代码如下:... [阅读全文]
div居中代码,div 内table 居中实现代码
点评：有时候在一个div里面添加一个表格，如想让它居住排列，需要做如下的操作。css代码： 复制代码代码如下:... [阅读全文]
解决IE6下Position:fixed问题
点评：在IE6.0及以下版本的浏览器里是不支持position：fixed。而在IE7，IE8，firefox，opera，chrome都可以完美的支持此特性的。解决此问题的要点主要有： 1).容器要有一个背景图片 2).设置它的滚动属性为fixed。 3).用IE特有的expression方法计算出元素的top，left,right,bottom的量。
!DOCTYPE html P... [阅读全文]
css居中,css margin:0 auto居中
点评：很久没有写日记了，归根结底是很久没有学习了，一直都在工作，一直用到margin居中，也郁闷很了很久，网上看了大把的问答，最后自己就着一个例子，然后研究了一下，其实div居中不那么难！复制一下代码到记事本，修改为html后缀的文件。 代码
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Ty... [阅读全文]
input对齐,表单元素与提示文字无法对齐的解决方法(input，checkbox文字对齐)
点评：在很多网站涉及到表单的页面中，都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题。样式： 复制代码代码如下:... [阅读全文]
ie7ie8,IE7，IE8 BUG导致CSS下载二次的解决方法
点评：为了压缩html代码，我们常常会去掉"HTTP或者HTTPS",即去掉url中的http(s)协议头，以节省空间，但这样使用后发现IE7,IE8会出现对同1个CSS加载2次的BUG。测试： 正常的CSS加载代码写法： link rel="stylesheet" href="http://www.test.com/main.css" type="text/css" / 这样写大家都知道加载是不... [阅读全文]
让作业书写整洁,书写高效整洁的CSS代码原则
点评：让你的CSS代码更高效简洁的写法，对应写的代码的一些好的技巧。1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset： *{ margin:0; padding:0; } 这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距... [阅读全文]
cssli样式,css 分页样式代码（基于a或li）绿色与蓝色
点评：现在css分页代码容易出现，上面不对齐等问题，下面是脚本之家特别为大家收藏的几个，以后可能会继续更新。第一个是从360而来的效果如图所示:普通的a标记的分页，兼容性好。绿色样式演示代码:
style
.pages{ width:100.5%; text-align:right; padding:10px 0; clear:both;}
.pages span,.pages a,.pages ... [阅读全文]
css层叠样式表,CSS 层叠样式表命名参考表
点评：CSS 层叠样式表命名参考，这样的命名更正规，搜索引擎与用户也习惯。命名参考 页面结构类 描述 下划线命名 骆驼式命名 参考命名 面板 dashboar... [阅读全文]
css实例教程,CSS 分页效果制作实例教程
点评：这个教程要说明的是如何为搜索结果或更长记录列表设计分页。因为经常有人问我这个问题，所以我决定发一个帖子来说明如何用少量的 HTML 和 CSS 代码设计出完美的分页样式。这个教程也包含有实现Flickr、Digg式的简洁分页样式的HTML/CSS代码，随时可以应用于你的WEB项目中。Update as March 17, 2008: My friends Simone Saveri solv... [阅读全文]
运算符,LESS 让css也支持变量,运算符,include,嵌套规则等等
点评：最近在网上看到1个很有意思的CSS扩展，这里介绍给大家。LESS 最早是1个ruby的gem，用于扩展css的语法，用了LESS后，可以在css中使用变量，运算符，include,嵌套规则等等。现在LESS出了js版本，让我们一起来看看LESS能为我们带来什么吧?使用 1. 下载js: http://lesscss.googlecode.com/ 最新版本好像是 1.0.30 2. 使用le... [阅读全文]
reset,Css Reset 复位相关资料整理
点评：Css Reset是什么? 有些同行叫 "css复位",有些可能叫 "默认css".....相信看完全文您会对Css Reset有个重新的认识PS： *{ padding:0; margin:0; } 这就是最常用的Css Reset，但是这里会有很多问题。 原文前部分说了很多关于Css,以及各浏览器的css规则的不同,而制定"CssReset"也是为了兼容与统一,正确有效的使用"Css R... [阅读全文]
div居中代码,div 内table 居中实现代码
点评：有时候在一个div里面添加一个表格，如想让它居住排列，需要做如下的操作。css代码： 复制代码代码如下:... [阅读全文]
分页css,css实现的漂亮的分页效果代码（橘黄色与蓝色）
点评：在做pj皮肤的时候到网上搜了个分页效果，因为颜色不搭就没用，但是个人认为挺漂亮。代码也够简洁。在做pj皮肤的时候到网上搜了个分页效果，因为颜色不搭就没用，但是个人认为挺漂亮。代码也够简洁。下面是用的背景图片：html代码： 复制代码代码如下:... [阅读全文]
css外边距,css 空白外边距互相叠加的解决方法
点评：空白双边距是一个极容易误解的CSS特性.它不是CSS的bug,但如果我们一旦误解,将会给你带来很多麻烦.先看如下demo代码:
!doctype html
html
head
meta charset="utf-8"
title空白边距叠加[email protected]/title
style
body{width:300px; font-family:'微软雅黑'; font-... [阅读全文]
