08 2010 档案
摘要:英文链接:20 Best Free Fonts For Web Design 你是否在寻找某些清新简洁,体面但是仍然够酷的东西呢?相信下面这20款免费的简洁的字体正是你所要的。而且更妙的是,你不仅仅可以用这些免费的字体来做项目设计,还可以作为网站的标题来向客户展示。它们可读性很强,但是你的眼睛却不会感到乏味。它们全是免费的,所以尽情使用它们吧^_^!1.CREW 362.Garrison Extr...
阅读全文
摘要:刚安装配置好Windows Live Writer,写篇日志看看效果如何。 代码测试: HTML代码: CSS代码:不知道着色效果如何呢?
阅读全文
摘要:文本主要展示CSS content及其相关的属性的一些使用技巧:•:before和:after伪元素•content属性•CSS quotes与content属性的结合使用•计数器它们的基本介绍请参考:CSS content, counter-increment 和 counter-reset介绍及用法1、插入生成内容 使用:before 和:after伪元...
阅读全文
摘要:定位的原理很简单,利用定位,可以准确的定义元素框对于其正常位置应该出现在哪里,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。一、定位属性的基本情况使用position属性对元素进行定位:position属性值:static | absolute | fixed | relative 初始值:static运用范围:所有元素继承值:无计算值:根据指定确定static:元素框正常生成。块级元素生...
阅读全文
摘要:浮动和定位是CSS布局当中很重要的两种方法,这一篇先讲浮动布局,定位留在下一篇。一、先说说浮动的性质吧,请看HTML代码:代码相应的样式:显示效果部分截图如下:图1 浮动性质(test1)图2 浮动性质(test2)总结得出浮动元素的基本性质:浮动元素会脱离正常的文档流,按照其外边距指定的位置相对于它的上一个块级元素(或父元素)显示;浮动元素后面的块级元素的内容会向此浮动元素的外边距靠齐,但是边框...
阅读全文
摘要:给菜鸟看的,老鸟飘过~我们在做导航条的时候,通常使用的办法是用一个盒子包住一个无(有)序列表的办法,比如有如下所示HTMl代码:当做的是水平导航条时,有以下三种办法:1、对ul使用"text-align: center;"的办法,然后把li转换为inline元素,设置内外边距可以得到效果,代码如下:这里说明一下,为了更直观的展现是否居中,我给.demo这个盒子添加了边框,给每个<li>...
阅读全文
摘要:字体使用基本原则:清晰+易读!当你选择某种字体时,必须保证选定的字体不但要在选定的平台上看起来不错,还要保证在其他平台上也能正常显示。没有人强迫你按照某种方式设计。Web是一个开放式的环境,采用自己喜欢的字体,不要被一些考虑不充分的意见动摇,只要保证你的网站访问者能够阅读它就行。下面是归纳的几种Web安全字体,注意它的用途只是建议性的,不要求一定这样做 ^_^!Web安全字体 字体名称字体类型字体...
阅读全文