Aug
12

YUI css reset

CSS
YUI,yahoo,css
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html {
    color: #000;
    background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;...
0 Comments
Jan
24

Loading图片在线生成

CSS
图片,css

今天发现一个专门生成loading...图片的网站.
点击直接到达

0 Comments
Jan
9

CSS对元素隐藏的新认识

CSS
css,样式,设计

习惯性的display:none;不过今天终于在实践中认识到了它的不足之处.
在你的对像元素上使用此项后,JS代码等会认为此项不存在,即相当于删除此项.所以在网上找到了以下一篇文章:

1.display:none;的缺陷
搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略
屏幕阅读器（是为视觉上有障碍的人设计的读取屏幕内容的程序）会忽略被隐藏的文字。
2. visibility: hidden ;的缺陷
这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间

3.overflow:hidden;一个比较合理的方法
.texthidden
{
display:block;/*统一转化为块级元素*/
overflow: hidden;
width: 0;
heigh...

0 Comments
Jan
9

CSS的盒子

jQuery
css,样式

CSS的盒子(Box)
先看一张很清晰的图片




盒子里由外至里依次是：
margin 边距
border 边框
padding 间隙 (也有人称做补丁)
content (内容，比如文本，图片等)

CSS 边距属性 (margin) 是用来设置一个元素所占空间的边缘到相邻元素之间的距离。

CSS 边框属性 (border) 用来设定一个元素的边线。

CSS 间隙属性 (padding) 是用来设置元素内容到元素边框的距离。

CSS 背景属性指的是 content 和 padding 区域。

CSS 属性中的 width...

0 Comments