Dynamic HTML权威指南(读书笔记)— 第一章 HTML与XHTML参考

1. 对齐常量(text-align和vertical-align)

1.1 盒外对齐

这种对齐属性决定环绕着元素外部矩形空间的文本对齐方式。W3C中,这类HTML元素包括:applet、iframe、img、input和object。IE还支持embed、fieldset和select,但不支持iframe元素。以下是受到广泛支持的元素对齐属性:

absbottom:使文本的最底端与元素的最底端保持在同一水平线上。

absmiddle:使文本高度的中部与元素高度的中部水平对齐。

abseline:文本的基线与元素最下端水平对齐。注意,文本的下行笔画位于基线以下。

bottom:W3C认可的值,与abseline等同。

left:如果元素所在行之前已经有文本存在,则该元素会移动至下一行,并显示在相邻的最外层容器的左侧。元素之后的文本将紧跟着元素之前的文本,使得整段文本环绕在对象或图像的周围(这种效果称为浮动)。W3C认可的值。

middle:文本的基线与元素高度的中央对齐。W3C认可的值。

right:如果元素所在行之前已经有文本存在,则该元素会移动至下一行,并显示在相邻的最外层容器的右侧。元素之后的文本将紧跟着元素之前的文本,使得整段文本环绕在对象或图像的周围(这种效果称为浮动)。W3C认可的值。

texttop:元素的最上边与其前面的文本的上行笔画位于同一水平线。

top:元素的最上边与同一行中最高的元素(文本或其他元素)上边界对齐。W3C认可的值。

1.2 容器盒内文本对齐

bottom:文本底部与相关元素底部对齐,或位于该元素盒下边。浏览器只会针对caption元素执行这种对齐方式。

center:文本位于相关元素盒的顶部或上部,并水平居中。虽然此值并未被W3C所认可,但现在的浏览器依然支持在caption元素使用该属性,但legend元素在Safari或Opera中则无法使用该属性。

left:虽然W3C认可此值(这个值表明文本应该位于容器元素的左侧),但对于legend元素而言,浏览器将文本对齐在盒子的左上部。而对于caption元素,只有Mozilla浏览器会将标题本文放在元素左边。

right:虽然W3C认可此值(这个值表明文本应该位于容器元素的右侧),但对于legend元素而言,浏览器将文本对齐在盒子的右上部。而对于caption元素,只有Mozilla浏览器会将标题本文放在元素右边。

top:legend元素的文本将在容器盒的左上部对齐,而caption元素的文本将在中上部对齐。这是W3C认可的值。

时间: 2024-08-10 23:20:34

Dynamic HTML权威指南(读书笔记)— 第一章 HTML与XHTML参考的相关文章

《Hadoop权威指南》笔记 第一章&第二章

? ? ? ? ? ? ? ? ? ? ? ? ? ? 使用MapReduce ? ? ? ? ? ? ? ? import java.io.IOException; // 是hadoop针对流处理优化的类型 import org.apache.hadoop.io.IntWritable; import org.apache.hadoop.io.LongWritable; import org.apache.hadoop.io.Text; // 会继承这个基类 import org.apache

《Hadoop权威指南》笔记 第一章&第二章 MapReduce初探

? ? ? ? ? ? ? ? ? ? ? ? ? ? 使用MapReduce ? ? ? ? ? ? ? ? import java.io.IOException; // 是hadoop针对流处理优化的类型 import org.apache.hadoop.io.IntWritable; import org.apache.hadoop.io.LongWritable; import org.apache.hadoop.io.Text; // 会继承这个基类 import org.apache

Android编程权威指南-读书笔记(二)-第一个小程序

Android编程权威指南-读书笔记(二) -第一个小程序 第一个例子介绍 应用名为GeoQuiz.用户通过单击True或False按钮来回答屏幕上的问题,GeoQuiz可即时反馈答案正确与否. 这个例子为我们简单介绍了几个基本组件的使用,以及基本的事件监听.让我们对基本组件的使用和事件的监听有一个基本的了解. 这篇文章分为2个部分,第一部分就是创建简单的UI.第二个部分就是对这个UI增加代码来响应一些操作. (注:所有不明白或者不理解的东西其实都不重要,后面都会有更详细的介绍.) 本章的目标

IDA.Pro权威指南 读书笔记

http://www.pediy.com/kssd/pediy12/142766.html 标 题:IDA.Pro权威指南 读书笔记[Made By C_lemon] 作 者:Dstlemoner 时 间:2011-11-14 11:56:17 链 接:http://bbs.pediy.com/showthread.php?t=142766    IDA为反汇编 和逆向破解的 静态分析利器 ! 虽然是利器,但是你不会用的话~那就另当别论了. →     唉.对于刚入门的新手来说,看前人走过的路程

Hadoop权威指南读书笔记

本书中提到的Hadoop项目简述 Common:一组分布式文件系统和通用I/O的组件与接口(序列化.javaRPC和持久化数据结构). Avro:一种支持高效.跨语言的RPC以及永久存储数据的序列化系统. MapReduce:分布式数据处理模型和执行环境,运行于大型商业集群. HDFS:分布式文件系统,运行于大型商用机集群. Pig:一种数据流语言和运行环境,用以检索非常大的数据集.Pig运行在MapReduce和HDFS的集群上. Hive:一个分布式.按列存储的数据仓库.Hive管理HDFS

iOS 读书笔记 第一章

1.确定某个实例或类方法是否可用. 1)使用NSObject的类方法instancesRespondToSelector:来确定是否在该类的一个实例中存在一个特定的选择器. NSArray *array = @[@"1",@"2"]; if ([NSArray instancesRespondToSelector:@selector(sortUsingComparator:)]) { //do something use sortUsingComparator: }

《Java并发变成实践》读书笔记---第一章 简介

<Java并发编程实战>深入浅出地介绍了Java线程和并发,是一本完美的Java并发参考手册.书中从并发性和线程安全性的基本概念出发,介绍了如何使用类库提供的基本并发构建块,用于避免并发危险.构造线程安全的类及验证线程安全的规则,如何将小的线程安全类组合成更大的线程安全类,如何利用线程来提高并发应用程序的吞吐量,如何识别可并行执行的任务,如何提高单线程子系统的响应性,如何确保并发程序执行预期任务,如何提高并发代码的性能和可伸缩性等内容,最后介绍了一些高级主题,如显式锁.原子变量.非阻塞算法以及

《深入理解Java虚拟机》读书笔记---第一章 走进Java

一.为什么要读此书 <深入理解Java虚拟机>这本书读了很多次,每次读都会有不一样的感受.首先说一下为什么要读这本书,如果把Java比喻成乾坤大挪移,那了解虚拟机的工作原理就是练习九阳神功,java语言是招式,对虚拟机的认识是内功心法,只有内功心法强大,所使的招式才强大,这就是为什么阳顶天只能把乾坤大挪移练到第四层,而张无忌能练到第七层.由于java虚拟机的强大,把很多功能都隐藏了,例如内容管理,垃圾回收机制等,使得很多java程序猿对这一块的知识所有缺失,编码的时候也是似懂非懂的,以至于遇到

Apache Tomcat 7 读书笔记 - 第一章

Apache Tomcat 简介: 开源框架,下载地址:http://tomcat.apache.org/.可以嵌入独立的web应用,也可作为多个web应用的服务器. 基于Java的web应用服务器容器,能托管Servlet和Java Server Pages(JSP)的web应用.我们常用的J2EE框架,Spring MVC, Structs等,部署到Tomcat上去后,Tomcat会将其自动解析成Serlvet与JSP.在前后端开发完全分离的情况下(后台只提供接口,前端调用),不推荐使用原有

JavaScript权威指南读书笔记【第一章】

第一章 JavaScript概述 前端三大技能: HTML: 描述网页内容 CSS: 描述网页样式 JavaScript: 描述网页行为 特点:动态.弱类型.适合面向对象和函数式编程的风格 语法源自Java 一等函数来自Scheme 基于原型的继承来自于Self 名字和版本: JavaScript是由网景(Netscape)公司创建,“JavaScript”是Sun MicroSystem公司的注册商标,用来特指网景(Mozilla)对着门的实现. ECMAScript: 网景将这么语言作为标准