码迷,mamicode.com
首页 > Web开发 > 详细

CSS——读书笔记

时间:2016-07-19 23:43:57      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:

《精通CSS 高级web标准解决方案(第2版)》

目录:

  1. 基础知识(设计代码的结构)
  2. 为样式找到应用目标(选择器及样式表维护)
  3. 可视化格式模型(盒子模型及定位)
  4. 背景图像效果(背景、边框及图像)
  5. 对链接应用样式(链接)
  6. 对列表应用样式和创建导航条(列表样式及导航菜单)
  7. 对表单和数据表格应用样式(表单和数据表格)
  8. 布局(实现浮动等各种布局)
  9. bug和修复bug(bug定位及解决方法)
  10. 实例研究——Roma Italia
  11. 实例研究——Climb the Mountains

 

第一章:基础知识

1.设计代码的结构

》CSS控制页面外观,并且将文档与内容分隔开,简化标签。

》ID用于表示页面上的特定元素(如站点导航),而且必须是唯一的。

》类名可以用于页面上任意多个元素。

》元素命名要根据它们是什么,而非它们长什么样。类名&ID->全小写加连字符

》div可以将文档分割为几个有意义的区域。div可以用来对块级元素分组,span可以用来对行内元素分组或标识。

》微格式:基于vCard、iCalendar等现有的数据格式。

  当前有9个正式的微格式,还有14个格式草案:

  • 用于日期、日历和时间的hCalendar
  • 用于人和组织的hCard
  • 用于人之间关系的XFN
  • 用于产品说明的hProduct(草案)
  • 用于原料和烹调步骤的hRecipe(草案)
  • 用于产品和事件审查的hReview(草案)
  • 用于博客帖子等片段式内容的hAtom(草案)

》CSS版本:

  1996——CSS1

  1998——CSS2

总的来说CSS3主要拥有以下几个新的亮点:

  高级选择器,圆角,多背景,@font-face动画与渐变,渐变色,Box 阴影,RGBa - 加入透明色,文字阴影,图形化边界 。

》有效性验证:http://validator.w3.org/  bookmarket(favelet)  firefox插件

 

CSS——读书笔记

标签:

原文地址:http://www.cnblogs.com/congyue-pepsi/p/5686655.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!