2012年6月26日
Preparations のnetwork name
这几天一直在想自己的博客园网名，总觉得"玉翼寒蝉"这四个字有点俗，虽然把自己的名字包含在内，但让人一看就带有女性的柔，在这个技术的圈子里我并不想透露自己的女性阴柔的一面，既然步入IT这条道，就得把自己当男人一样，我这个人喜欢用动物具体化，原来的网名是一只蝉，完全是因为自己的名字而起，后来想到了猫，网上都说女人就应该像猫一样，但还是觉得不合适，况且哥哥就是一只猫，我要起猫被他发现会笑我高仿的，思来想去我想到了狼，这个想法把自己都雷到了，一个女孩给自己起一个狼的名字这说出去也够大胆的，不过我还是喜欢这种动物，以前阅读过好多关于狼的书籍，我觉得不论是做人还是办事就应该要有狼性，好 Read More
posted @ 2012-06-26 16:19 -禅意花园- Views(169) Comments(1) Diggs(0)
2012年6月15日
!important
“‘!important’ 在同一条样式定义中即大括号{}中，firefox、opera优先认领，ie不认得即忽略’!important’字符串。在非同一条样式中即不同的大括号中{}标有‘!important’的样式对所有浏览器均属优先认领。网上有说ie不认‘!important’的，大错特错了。”难怪今天改css的时候，我只想针对firefox来做一个padding-bottom，就写了个.class{padding-bottom:6px !important;}可是却没有效果呢。原来css在同一个大括号内是让firefox优先认领，也就是说只有在同一括号内定下两个样式的时候ie不得不忽略掉 Read More
posted @ 2012-06-15 11:22 -禅意花园- Views(205) Comments(0) Diggs(0)
2012年5月29日
利用CSS设置缩进效果
前几种方法都是在段落开头加入一些东西，利用占位法设置缩进效果，而使用CSS设置缩进效果则更容易，也便于修改。 text-indenet属性就是缩进元素中的首行文本，它可以取正值或负值。比如我们想让所有的段落首行都缩进两个字符的宽度就可以设置段落的CSS属性，举例：p {text-indent:2em;} 这里我设置的值为2em，em是一个相对单位，2em就是页面字体的两倍大小，当页面字体为12像素时，首行缩进就是24像素，当页面字体为14像素时，首行缩进就成了28像素。 Read More
posted @ 2012-05-29 20:16 -禅意花园- Views(469) Comments(0) Diggs(0)
font-weight
可能的值值描述normal默认值。定义标准的字符。bold定义粗体字符。bolder定义更粗的字符。lighter定义更细的字符。100200300400500600700800900定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。inherit规定应该从父元素继承字体的粗细。 Read More
posted @ 2012-05-29 20:02 -禅意花园- Views(161) Comments(0) Diggs(0)
CSS 颜色值
颜色在CSS里的应用非常广泛，如：color，border，background，box-shadow等的属性都接受颜色值作为属性值。CSS颜色值的设置也是多样化的，以下是到目前为止CSS中颜色值设置的方法。CSS 预定义颜色(就是使用颜色的英文)W3C定义了一组SVG的颜色表，同样是CSS颜色模块所指的颜色，他们是一些指向特定颜色的单词，如：white, black ,red等。color:red; color:green; color:blue;transparent 关键字transparent 表示完全透明，CSS1中，它只能在 background 属性中使用，CSS2中，添加到了 Read More
posted @ 2012-05-29 19:59 -禅意花园- Views(1208) Comments(0) Diggs(0)
overflow
overflow 属性规定当内容溢出元素框时发生的事情。可能的值值描述visible默认值。内容不会被修剪，会呈现在元素框之外。hidden内容会被修剪，并且其余内容是不可见的。scroll内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。inherit规定应该从父元素继承 overflow 属性的值。 Read More
posted @ 2012-05-29 18:24 -禅意花园- Views(219) Comments(0) Diggs(0)
css标签
1.*是通用选择符,匹配文档中的任何元素2.background-position：10px 0;前一个是水平位置 后一个是垂直位置。 Read More
posted @ 2012-05-29 17:47 -禅意花园- Views(92) Comments(0) Diggs(0)
Web UI 美工设计命名规范
网站用户界面设计(俗称网页设计)命名规范。这套规范并非单纯的CSS、html或JavaScript命名规范，它涉及了很多使用PhotoShop这类设计工具进行网页设计过程中的命名规范。首先作者是出于公司几位美工的设计效果图源文件没有对图层命名而开始考虑总结一套的，还有一个原因就是网上大多命名规范都是关于编码的，也就是那些css、html、js和一些服务器端语言的，至于设计方面的命名规范实在是很少。但是毕竟设计师也是技术团队的成员，而且前端开发工程师是要使用设计师的效果图源文件的，所以统一命名规范和设计规范对于团队的协作和工作效率肯定是有好处的。一.网站设计及基本框架结构:1. Containe Read More
posted @ 2012-05-29 09:23 -禅意花园- Views(295) Comments(0) Diggs(0)
2012年4月26日
计算机常用快捷键
一、常规键盘快捷键按键目的Ctrl + A 全选Ctrl + C 复制Ctrl + D 删除/添加收藏Ctrl + F 查找Ctrl + H 历史记录Ctrl + I 收藏夹Ctrl + J IE7.0里的源Ctrl + L ＝Ctrl+O 打开Ctrl + M 网页搜索框中的确定（等于回车）Ctrl + N 新窗口Ctrl + P 打印Ctrl + S 保存Ctrl+T IE7．０打开新选项卡Ctrl + W 关闭当前窗口F1 帮助F2 重命名F3 搜索F4 地址栏F5 刷新F6 切换元素F7 DoS下专用功能F8 Windows 启动选项F9 Excel 中计算公式F10 激活菜单栏F11 Read More
posted @ 2012-04-26 17:28 -禅意花园- Views(202) Comments(0) Diggs(0)
2012年4月10日
em与px
em和px字体单位应该用em而不用px，原因简单来说就是支持IE6下的字体缩放，在页面中按ctrl+滚轮，字体以px为单位的网站没有反应。px是绝对单位，不支持IE的缩放，em是相对单位。我在调整本blog的时候，发现不仅仅是字体，将行距(line-height)，和纵向高度的单位都用em。保证缩放时候的整体性。怎么将px换成em呢？特地转jorux06年12月的一篇文章，因为中文站用px的太多了，如果你是对代码不敏感的纯设计师，可以向技术人员或者页面制作人员请教：em是何物？em指字体高，任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.7 Read More
posted @ 2012-04-10 21:01 -禅意花园- Views(170) Comments(0) Diggs(0)