UTF-8是一种Unicode,Unicode是一种流行的国际编码方案。
好处是,不同字符集的多种语言可以共存于同一张页面中
用户界面 设计基本法则:
- 了解将浏览页面的用户
- 在页面和站点中给用户足够的导向
- 使用被熟知的符号
- 保证与功能 相关的特性在页面中足够显眼
- 保证设计元素的一到处性
- 了解页面中的关键元素
- 清楚表达 页面的内容
- 与布局相关的可用性问题
- 重要信息放在显眼的位置
- 在title中给出页面的简单介绍
- 保证导航链接一致表现。确保页面中包含回到站点首页的链接
- 提供搜索功能
- 用缩进和偏移
position:fixed。其div将永远保留在同一个位置,且页面中的其他 元素定位 在于其下方
z-index设置固定元素的前后位置关系。高的覆盖低的
logo放在页面左上角,浏览者一般首先看这个地方。右上部分重要,底部不是那么重要
应用浮动,清除浮动.<div class="clear"></div>
web页面中常用 图像格式 gif,jpeg,png
无损压缩将保留原图像的所有细节,有损压缩会对细节有所取舍,
以换来更小的文件
色深color depth
指某种图像 格式包含的颜色的多少。8位的色深有256种颜色
gif 8位 支持一位的透明 度,即某个像素要么完全透明,要么完全 不透明
jpeg 24位色深 不支持透明
png 24或8位 24位的文件很大,但完全无损。支持透明。可实现 256级的透明度
gif和jpeg常用 。前用于带有大块相同颜色 区域的图像
jpeg用于照片等色彩,细节丰富的图像
优化jpeg 高品质意味更大的文件
font-weight:normal 正常(400)bold粗(700)weight值
(300)比正常精细显得纤细。范围是最细的100到最粗的900
bolder更粗
lighter比继承值更细
inherit使本段文字的字体 粗细和父元素一致
text-decoration:overline上划线,linethrough删除线,blink时陷时现效果
line-height控制两行文字间的距离
line-height:0.8/0.8em/80%
letter-spacing字符间距 标题,小段文字
background-attachment:fixed/scroll 背景图像 会不会跟随图像而动
padding内边距
绝对定位:一个绝对定位元素会参照 它的定位容器元素来定位。如果没有定位容器元素
则会以html根元素为参照
字体网站
http://www.identifont.com/find?font=arial
css crib sheet
若是不确信的话,就去验证
w3c提供的XHTML CSS验证工具
http://validator.w3.org
http://jigsaw.w3.org/css-validator
创建并测试css,首先在最高级,最先进的浏览器中进行
(firefox,safari,opera中测试,再在IE中调整)
若用浮动实现布局,确保正确的清除了浮动
为元素应用内边距或边框来避免外边距重叠
避免IE6的 无样式内容瞬间 现象
不要依靠min-width,min-height属性。IE不支持
尝试减少百分比值
浏览器的计算中的舍入误差有时会让50%+50%=100.1%
分享到:
相关推荐
CSS禅意花园CSS禅意花园CSS禅意花园
CSS禅意花园是这本书的代码,与该书一起配合使用
css 禅意花园源代码 很多的样式仅供参考,拒绝盗版。css 禅意花园源代码 很多的样式仅供参考,拒绝盗版。css 禅意花园源代码 很多的样式仅供参考,拒绝盗版。
《CSS禅意花园》中文版.pdf CSS禅意花园 禅意花园
CSS 禅意花园邀请您释放身心,冥想大师们的重要命题。用智慧之眼看清真相,尝试以崭新又充满活力的方式使用那些经过时间沉淀的技术,以达天人合一。
css禅意花园代码:比较出名的一个网站,有各种css的应用效果显示,有很大的参考价值。
CSS禅意花园-源代码
在2003年创建之初,“CSS禅意花园”还默默无闻,而现在已发展到包含将近150件设计作品的规模,这些作品来自世界各地,树立了使用CSS设计高质量网站的标准。本书将引领读者探索“CSS禅意花园”中最激动人心的36件设计...
CSS禅意花园 CSS禅意花园 CSS禅意花园 CSS禅意花园 CSS禅意花园 CSS禅意花园 CSS禅意花园
《CSS禅意花园(Web视觉艺术设计的王者之书》极具参考价值,每个包可单独下载
css禅意花园 CSS Zen Garden
CSS禅意花园(源代码)CSS禅意花园(源代码)CSS禅意花园(源代码)
CSS禅意花园提供各种网页设计的实现,打破传统的模式,为你提供当代最新的Web设计理念,过程和技术。
高清css禅意花园pdf格式绝对的高清文档
而此时此刻,这样一本讲述“CSS禅意花园”网站的、名为《CSS设计禅机》的书就这样静静躺在你手中!毫不夸张地说,它丝毫没有辜负“禅”这个美名的褒扬,加上“CSS禅意花园”在Web标准领域内无可争议的地位,二者...
★作者是世界著名的网站设计师,书中的范例来自网站设计领域最著名的网站——CSS Zen Garden(CSS禅意花园)。 CSS禅意花园现在已发展到包含将近150件设计作品的规模,这些作品来自世界各地,树立了使用CSS设计高...
CSS设计讲解 CSS 网页设计 禅意花园