The Zen of CSS Design的笔记(7)

>我来写笔记

按有用程度 按页码先后 最新笔记

  • connie
    Reconstruction

    connie

    分层功能利用了background-attachment:fixed属性。让背景图片不随滚动条滚动。 在绝对定位中使用em为单位会导致定位随字体大小改变而自动调整。但若使用px为单位,虽然可能导致文字重叠,但却能对元素位置进行更为精确的控制。 分割各个文字块,可用border-bottom:1px dashed blue; 边框将呈点划线状。 利用相对定位元素中加入绝对定位的子元素,能够处理一些布局问题。 (更多)

    2012-01-12 09:22:54   回应

  • connie
    Special Effects

    connie

    IE6不支持的css选择器: 子选择器 #content > p {color:blue;} 运用于元素的直接子元素,子孙元素不会应用 邻接选择器 #content p + p {color:red;} 属性选择器[ href~="http://www.google.com/"] {color:green;} 关于固定边框的处理技巧: 给浏览器加固定边框,可以用position:fixed;但IE不支持此属性,边框会随着滑动而滚动。 处理此hack的技巧是。 #extraDiv2 { background-image: url(edge.gif); ... (更多)

    2012-01-09 11:20:00   回应

  • connie
    Typography

    connie

    字体格式:字样的粗细、宽度和姿态(Italic、Oblique) 字体对比度:字型中粗的部分与细的部分之间的差异程度 字体色深:文字的深浅程度、字距调整、字间距和行间距、字体色相。 字体组: serif. 有明显的装饰钩,笔画结尾处大都能看见细小的衬钩 Times New Roman sans serif. 没有装饰钩。Arial monospace. 每个字母都有相同的宽度,显示程序代码特别有用。Courier或Courier New cursive. 模仿手写风格,通常用于.. (更多)

    2012-01-06 14:18:27   回应

  • connie
    Imagery

    connie

    GIF:只允许同一张图像中最多出现256种颜色。适合单色插图、文本、色块等带有大块相同颜色区域的图像。 JPEG:24位色深能够很好地显示照片等色彩、细节丰富的图像。但不支持透明。使用JPEG时要把握好图像质量和文件大小之间的平衡关系。 PNG:24位能保证完全无损。透明度设置1位或8位。 图像替换的方法: <h3 id="header">I like it!</h3> 1、Leany和Langridge的方案 #header{ ... (更多)

    2012-01-05 15:21:25   回应

  • connie
    Layout

    connie

    固定布局和流式布局。 固定布局应用于:作品区域大小固定,设计师能在控制固定布局页面时更加游刃有余。对于图文混排易于控制。为了防止页面空白失衡。一般固定布局让作品水平居中显示。 流式布局应用于:填满浏览器窗口能最大限度地利用空间,避免了半页的空白。 居中显示解决方法:1、给容器定义width且左右外边距为auto。2、给容器定义text-align:center。但这种hack方法会造成子元素也居中(不建议使用)。... (更多)

    2011-12-30 17:47:24   回应

  • connie
    Design

    connie

    简洁设计要点 设计阶段。可以从相片和调色板入手,将各种元素不断组合直至满意(图像和色彩),然后将设计好的付诸于css实现。 排版样式。通过运用不同的文本大小、文字间距和颜色来调整版面样式。 图标。图标要是对物体本质的抽象,强烈、一致的方式与要表示的概念关联起来。有的图标仅仅起到标号作用,简洁不能宣兵夺主。 分界线。适当使用分界线,让页面有韵律,添加额外的维度。不能过度使用。 外边.. (更多)

    2011-12-30 10:02:59   回应

  • connie
    View Source

    connie

    读完一章,真正了解到html结构化是多么的重要。 运用html语义化标签能更好的体现出html的结构。 通过图片替换,隐藏说明文字,能够起到很好的换肤效果。 css Zen Garden的结构化很清晰,让人一目了然。 (更多)

    2011-12-29 18:04:43   回应

笔记是你写在书页留白边上的内容;是你阅读中的批注、摘抄及随感。

笔记必须是自己所写,不欢迎转载。摘抄原文的部分应该进行特殊标明。

The Zen of CSS Design

>The Zen of CSS Design