csshtml基本讲训盒子模型定位模型.ppt

HTML简介 Xhtml 简介 XHTML ： (eXtensible HyperText Markup Language）可扩展超文本置标语，是一种置标语言，表现方式与超文本置标语言（HTML）类似，不过语法上更加严格。 比如现在运用的Xhtml1.1、 Xhtml1.0是对html4的改进版，采用了更严格的xml规则。他们都是w3c推荐的规范。 Html、xhtml的区别： 元素、属性必须小写， 必须有结束标签； 属性值必须加冒号“ ”、‘’ 不能使用没有值的属性（图像映射的 ismap 样式） Xhtml名称空间必须在html中声明（如：html xmlns=/1999/xhtml lang=zh dir=ltr） 不能省略body head Title必须放在在head第一个元素位置 唯一标示元素用id不要用name。 元素不能交叉phere?is?an?emphasized?emparagraph./p/em。 特殊字符用实体引用（如：amp，:lt; [ :#91等） Xhtml的DTD文档定义 XHTML 1.0：三种文档定义 严格（不能使用html格式元素（font、table、center等），必须使用样式表来格式化文档） !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”“/TR/xhtml1/DTD/xhtml1-strict.dtd ” 过渡（可以使用格式化文档）： !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”“/TR/xhtml1/DTD/xhtml1-transitional.dtd” 框架（可以使用格式化、还允许在网页中定义框架元素frameset 、frame [iframe 过渡型也支持]） !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN”“/TR/xhtml1/DTD/xhtml1-frameset.dtd” XHTML 1.1：只有一种（极其严格的方法来创建高度结构化的网页）： !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1 Frameset//EN”“/TR/xhtml1/DTD/xhtml11.dtd” HTML的结构 HTML把元素划分为3个主要类：结构化元素、块状元素和内联元素。 核心的结构化元素有：html、head和body。head中放的是关于文档的信息，文档内容放在body中。在头部元素设计模式中我们会讨论头部元素。 块状元素还分为3种：结构化的、多目标的和终端的。 内联元素也有3种主要的类型：语义化、排列顺序、内联块状。 块状元素 包括以下3类块状元素： ? 结构化块状元素 ：ol ul dl table tr thead tfoot tbody colgroup col （只表明结构、不表示内容） ? 多目标块状元素 ：div li dd定义 td th form noscript（用于扩展或终止结构，可包含块状元素或内容[不建议有混合内容（只有文本和内联元素才能构为内容）]） ? 终端块状元素 ：h1 p dt定义词汇 caption 表格标题address （不能再包含块状元素、只能包含文本和内联元素、它表达的主要是语义） 内联元素 包括以下3种主要的内联元素类型和6种次要类型 ? 内联—语义 包括以下几种元素和文本的组合，如果只是为了达到某种视觉效果而使用这些标签的话，建议使用样式表，那么做会达到更加丰富的效果。 ??? 重要 ：span em strong ??? 词组 ：a cite code kbd samp var ??? 单词 ：acronym abbr dfn ??? 字符 ：sub sup ? 内联—排列顺序 ：br bdo ? 内联块状 ： 包括可替代元素和表单控制元素： ??? 替代 ：img object embed iframe （可用外部内容替代） ??? 控制 ：input textarea select button label CSS简介 CSS : Cascading Style Sheets . 层叠（级联）样式表. 是控制网页布局样式的基础，真正做到网页表现与内容分离的一种样式设计语言。精确到像素级控制。 CSS选择符 1.通配选择符 语法： * { sRules } *[lang=fr] { font-size:14px; width:120px; } *.div { text-d