html、css

CSS

css是Cascading Sytle Sheets的简写，中文翻译为层叠样式表。
在web网页设计中用于控制网页样式信息，实现将样式信息与网页内容分离的标记性语言

第一章 基础知识

设计代码的结构

有意义文档的重要性

命名约定

ID或者类名尽量不含表现层意思，如标题显示为红色

xxx

就比

xxx

差
因为后续如果标题要改为黄色，我们不可能将red定义为显示黄色，这样不便于理解，如果是title我们只要修改title的显示即可

用ID还是用类名

ID要求唯一性，用于标识特定元素，如站点导航，一般确定相当唯一再用ID
类名可以重复，适合标记类容，或者相似的条目，一般用类名，复杂的样式可以通过类名组合实现

微格式

一组通用的命名规范,比如联系人用class="hCard" 大家遵循这个就可以很容易的解析出联系人
http://microformats.org/

HTML和CSS的不同版本

文档类型、DOCTYPE切换和浏览器模式

DOCTYPE声明DTD document typ define,
docktyp切换：https://hsivonen.fi/doctype/

有效性验证

通过bookmarket faveet 验证html有效性

开发工具

firefox:http://chrispederick.com/work/web-developer/ ； https://addons.mozilla.org/en-US/firefox/addon/web-developer/

第二章 为样式找到目标

行内样式：1-5 css在标签中 style=
内联式：1-6
链接式：1-7
导入样式：1-8

<a\>

定义连接到一个指定页面
一般用法<a href="连接地址">文本内容</a>

• 锚链接:
  • 同一页面id实现
    <p id="hello1">hello1</p> <A HREF="#hello1">hello1</A>
  • 同一页面name实现
    <p name="hello2">hello2</p> <A HREF="#hello2">hello2</A>
  • 不同页面id实现
    <A HREF="./test.html#info">hello4</A>