2012年10月28日星期日

Web标准教科书总结




什么是章Web标准。
机构和组织
ECMA
ECMA 262:java脚本的标准规范
ECMA 357:XML标准兼容
W3C(http://www.w3c.org)
工作草案草案
最终草案(工作草案最后通话)
的建议Candldate建议
候选推荐标准(建议推荐)
建议(建议)
Web标准的优势
易于修改和管理内容(结构化和统一的可视化表示)
改进的Web可访问性(高),以不同的用户提供了辅助
SEO(搜​​索引擎优化)的替代(SEO使用文档结构清晰)
服务器和减少文件的大小,节省存储空间(服务器源的负担,可以书面效率,最小化)
向后兼容更高的兼容性(旧页面中的内容显示适当的安全阶段,向后兼容性和互操作性)

结构化语言
HTML4.0:严格型,过渡型,框架三种文档类型的DTD,可以使用
XHTML 1.0 Strict标准,过渡性的,框架三种文档类型的DTD,可以使用
XHTML 1.1严格的只可
其他语言
:公式技术性的语言MATHML最近经常使用的使用标签(HTML5)的<Canvas>,
SVG:2 - 维的矢量图形技术的语言,因为较少损坏图像变换图像的两点之间的距离。
RDF / RDFS语言来表达的元数据
Web可访问性(WCAG1.0)(2.0)文件进行转换,并了解内容可操作的两个主题基本检查项目

第2章文件结构 - XHTML网页动工建设

HTML,HTTP,URI
TCP / IP作为传输协议HTTP应用协议文件(双向的,面向连接的,一个与可靠性高)
HTTP头请求的响应的HTML文件(HTML文件),以及如何解释HTTP请求的响应执行。
URI:= URL(地址)+ URM(资源名称)
(在绝对URI:URI方案的细节,直到所有的URI将通过)
相对URI:开始使用自己的文件,文件夹和其他文件的路径(主要是他们自己网站上看到的文件夹和文件)
XHTML整体外观和格式
树的根HTML元素的结构
包裹的内容标记功能(<element> </元素名>)
<Element名称属性name = "">属性值,当你想给的属性中的元素以技术
充分地指定的父元素和子元素的关系
编码性能UTF-8(标准)8位可变的多字节字符表示
ISO-LATIN-1:8位代表中国的字符
表示一个字符的ASCII:7位
旧的字符EUC-KR:(ISO-LATIN-1 +字符)东权表示,
文档类型声明:<文档HTML(文件)PUBLIC(保留字)“ - / / W3C / / DTD XHTML 1.0 Strict中/ / EN”(认证URI)
声明为“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”(系统标识符)>
严格的向后兼容性是严格的。
过渡:向上兼容的繁荣
当你在文档中声明,使用框架:框架标签
命名空间:<HTMLxmlns="http://www.w3.org/1999/xhtml"(네임스페이스)xml:lang="ko" lang="ko"(eoneokodeu)>
元数据定义的属性
在HTTP-EQUIV =“内容类型MIME类型和字符的源代码元标记”(mime类型)=“应用程序/ xhtml + xml的中,charset = UTF-8”(字符​​的源代码)
搜索机器人控制:name属性为“机器人”称号
内容属性可以指定(多个):ALL(默认情况下,索引,请按照相同),“NONE(NOINDEX,NOFOLLOW”一样),INDEX(收购目标页)
FOLLOW(页+链接的网页收集),(收集排除页)NOINDEX,NOFOLLOW链接页面(包括页面收集目标)

分组元素(<THEAD>,<TBODY>,<TFOOT>标记)
<TABLE>
<THEAD>

<TR>
<TD> ... </ TD>
....
</ TR>
</ THEAD>
<TBODY>
<TR>
<TD> ... </ TD>
.....
</ TR>
</ TBODY>
<TFOOT>标记
<TR>
<TD> ... </ TD>
....
</ TR>
</ TFOOT>
- >>增加的大小分享滚动条,提供多页打印和友好的用户界面品牌。
合并单元格
<THEAD>
<TR>
<th id="brs" axis="hwamyeonpyosi" abbr="beurawoojeo">浏览器</ TH>
<th id="ver" axis="hwamyeonpyosi" abbr="beojeon">版本</ TH>
<th id="pct" axis="biyul" abbr="biyul">比</ TH>
</ TR>
</ THEAD>
<TBODY>
<td headers="brs ver" colspan="2">总数</ TD>
...........................
标头的值id中声明了thead =>类似上面的等式,通过使用可以使用2个标签。
* tabIndex属性,现实主义(accesskey属性英里)
的tabindex:按下Tab键时的焦点,此举订购
快速键:快捷键被按下时的重点
Image元素使用alt属性(属性名=图片说明)说明

 第3章可视化表示 - CSS的设计自由度
CSS
的网页,其控制的可视化表示。
父元素(扩散) - >子元素结构:飞流直下的瀑布
CSS的基本规则
[格式]选择{属性:值}
 介绍了一些选择器,用逗号分隔(H1,H2,H3 {颜色:绿色})
技术为小写。
田= / *注释内容* /
在绝对单位:显示PT(点,1/72,ㅊ)
在屏幕上的相对位置,这取决于被转换px(像素),时间(默认属性值1 0.1(1/10倍),2(两次)技术
用于指定的URI中的URI:CSS值(@ import.ur(URL))
继承表(<TABLE>文章快照:</ TD> </ TR> </ TABLE>时)tr,td标签,<DIV> <SPAN> </ SPAN> </ DIV>(跨度父div )属性来指定名称的属性值inhreit
CSS如何申请和优先
如何申请
单个元素(<p style="margin:15px">)
<style type="text/css">指定的范围内<HEAD> P {保证金:15px的风格元素}
<HEAD>范围不链接到外部的样式表引用(<link rel="stylesheet" href="./css/default.css"/>)
外部的样式表引用,使用@ import的<HEAD>范围<style teyp="text/css"> import.url(URL)</ STYLE>
<META HTTP当量=“背景下样式类型”内容=“文本/ CSS”
优先
选择器ID被包括在
虚拟keulreseu和class属性
元素中所包含的选择器
可能定义的优先级最高的!
选择器和虚拟课堂,虚拟元素
技术选择:选择*如果您可以指定样式的所有元素
当你填写的名称元素类型选择:选择我填写指定的元素的风格
指定的样式类选择器:类人的名称的元素。此外,您可以指定样式的元素,它定义的元素名称没有对应的类人的类名。
通过写一个值id选择符:元素#ID(ID是一个唯一的值)的风格。用于定义风格的元素中,只有一个
类,ID可用于选择字符:字母数字字符(A〜Z,A〜Z),并开始向数字(0〜9)中,Unicode(ISO 10646),确认​​为一些字符
选择组合
如何应用样式的所有子元素的基础上选择器选择器(父):父元素poram
紧随父元素的子元素套用样式选择器选择器(父):
如何应用样式选择器+选择:子节点的元素具有相同的父元素的树状结构
选择器,选择器:多元素应用样式
将被添加到CSS3选择器
元素[属性=“属性值”元素的名称,属性值,和以前的匹配元素的相应属性的名称
元素[属性名=“属性值”元素的名称,属性值和后所含的元素匹配相应的属性名
*元素元素的name属性名称=“属性值”元素的名称,属性值的对应属性的名称,至少一个包括N.
兄弟元素为目标的间接元素元素元素名称:如何应用样式
虚拟课堂
儿童:父母与子女的第一个孩子:第一元素第一次出现在父元素中:样式元素仅适用于
链接访问虚拟类:链路控制链路(从未打开过的页面的链接申请),已经失去了在开放埃扎罗链接申请
令=>链接访问的徘徊。
盒模型
内容,边框,内边距(边框和内容之间的距离),页边距(边框和其他元素的距离)
视觉的形式化模型
显示属性
None(无):不具备的可视化表示
块:块框元素mandeum
该元素的内联:内框mandeum
inline-block的元素,但作为一个块框本身作为一个替换的元件放置在一个行内框
位置属性
静态的位置(通常在因素的影响)
相对的:动议的相对位置从原来的位置(相对)
绝对:绝对定位(无元素之间的相互影响)
固定:固定的位置(绝对)
浮动
移动此框,浮动的元素。
清除浮起
显示,位置,float属性层次规则
位置属性和显示属性没有ahmyeon忽略了float属性
绝对的,固定的显示属性的值,如果这个值的位置属性块,float属性值没有
float属性值块显示属性值是没有其他比
接受其他的值被设置显示属性
的z-index:由于重叠序列元素的重叠指定的高值(快网)
文本表示的方向
>左)方向:基本文字符号的方向(升:左>右,右RTL:
Unicode的比迪烟
例正常方向的Unicode作为默认的符号
标签:directon属性设置在一个方向上
比迪烟装置:内嵌块> </直列> </块 - > UNICODE符号无效既定的方向
宽度,高度财产规则
取代的内联元素的width和height属性不能增加line-height属性(指定)
绝对定位块级元素,包括方程组块确定
宽度=

内框:line-height属性指定的高度
指定的垂直位置的内框垂直对齐
视觉效果
溢出的属性:如何处理元素的大小是外
传出可见:外箱箱切割侧的显示为0
隐藏:外向箱切割框外显示x
滚动:盒传出切滚动使用滚动条来看到的内容。
流体显示依赖于浏览器自动:
剪辑属性提取的一些内容:
提取的矩形RECT:元素为中心的(​​+元素内的元素外)
指定汽车元件的大小,如
框元素的可见性属性似乎显得指定布局(可见应该看看隐藏的:无形。yeokyeok x影响)
前景色
着色颜色属性:text元素
不包含文本,你可以参考的颜色属性的元素,指的颜色属性值指定
背景
中的元素的背景颜色,指定图像的背景色:
背景框所产生的元素含量,填充,边境地区
保证金是透明
条例透明的默认值设置在父元素的背景闪耀
亮度,文本颜色和背景颜色的RGB值从0到255之间的十进制记数法中,由下式{(R * 299)+(G * 587)+(B * 114)} / 1000计算的每个:
色度:0到255的十进制记数法的字符和背景颜色的RGB值的每一个(最大(ŕ,ŕ)+ {最大值(摹,摹),分(摹,摹)} +最大(乙,乙),分计算由式(B,B))
迭代的背景图片,背景重复属性:
重复:垂直的,水平的重复序列,重复重复的-x在水平方向上,在垂直方向上,重复,不重复的重复-γ:重复所述
指定背景图像移动,固定附件:
滚动:滚动的背景图像移动
确定的:在一个固定的浏览器显示00
指定的背景图像,背景位置的初始位置:
批处理[指定的属性的背景可以
字形
指定的字体家庭:geulgol家族名称指定的名称代表的家庭
FONT-FAMILY:宋体,黑体........等。
代表家庭:宋体,sans-serif字体,草书,幻想,等宽字体
字体变体:字体变体属性
例正常:正常字体
小型大写字母转换为大写字母的字体大小,占有相同的小写数字
字体重量:指定的字体的重量
100-900:规模越大,大胆
例正常400的厚度
粗体:700和相同的厚度
大胆的继承厚度反映的最大
打火机:继承厚度反映的最小值
字体拉伸属性,该属性指定的自毁发表
指定的字体大小:字体的大小
无障碍降低一些绝对单位指定的浏览器时,用户可以通过改变设置不改变的字体大小
字体大小调整:调整字体大小
文本
指定的宽度缩进文本缩进:首次出现在文本的行
文本对齐:文本精神
右,左,中,右,左对齐,居中对齐
证明两端对齐,行内文本框本身来减少或增加
文字装饰:指定文本修饰(下划线,最上面一行,删除)
文本阴影:把文字阴影(颜色,指定的长度)。
字母间距:指定文本的字符间距
字的文字,字间距:指定的时间间隔
文本转换:大写和小写文本转换
利用每个字的第一个字符转换为大写
大写字符转换为大写。
小写字符转换为小写
白色空间:元素不指定如何处理空白字符
禁止在压缩前的连续空白字符(指定的空间)
压缩成1例正常连续的空白字符
NOWRAP:连续压缩成一个字符的空格,换行符,缺乏(A强制断行)

块级别的表中:表
内联表行内表
表中的行的行:tr元素产生
表行组:一组行(TBODY)使
表头组:元素的标题行组(THEAD),使
表脚注组:元素的页脚行组(TFOOT),
表列:列(列)的元素制成的
表列族元素的列组(COLGROUP)
table-cell的细胞元素(TD,TH)
表标题:元素创建一个标题(标题)
骨科视力表模型
___________________
| caption元素>
--------------------
| |表元素框
--------------------
阳离子端:指定标题的位置。
表格布局:指定如何布局表相关的元素。
指定型号显示器的边框边框崩溃:
分开:分离边框模型,整个表的边界的边界,每个单元被删除
相结合的模式结合表与边境边境callapse:
耦合模型的边界冲突
隐藏,边框样式的值是最高的优先级,如果
边框样式值没有边界的优先级最低。
 宽边框边框样式值,如果你没有隐藏的优先级。
边境stylle指定的边框宽度值的值相匹配的细胞,是最优先的。
边框间距:细胞分离模型相邻空间的边界
空细胞:指定如何显示空单元格的边框和背景分离模式(显示,隐藏)
长谷雄或创建任何文本文档中的引号生成的内容:before和after伪元素组合产生

指定列表样式的标记列表类型:
标记图像中指定的list-style图像:列表
的列表标记位置标记框列表样式位置:内框的默认块盒(内部),基本块的外(ouside)
@媒体控制规则和
媒体类型
所有:所有媒体的画面(PC显示器),打印(打印输出),听觉(音频输出),手持(手机)
导入:使用一个外部的样式表引用,
@进口网址(“URL”);,@ import的“URL”
@字符集:外部的样式表指定字符编码集
外部的样式表,在第一技术
不能指定多个外部的样式表
您可以不指定样式表,样式元素内的书面文件
第4章,装饰各种互动 - 网站内容
模板安装
表格伊朗吗?
用户输入,为设备的程序中的数据发送到服务器。
动态生成文件/处理
的形式的定义
atrion =“URL”:数据传输的方式的方法在对应的URL
方法=“办法”的内容,形式处理的方式(基本得到)
获得通过URL发送的数据。
通过邮局发送的数据封装。
性能时所使用的enctype:文件传输
原告可以使用的标识符名称:形式
输入元素
类型属性
文字:单行文本输入字段
显示隐藏的内容,但仅限于字母数字密码:'*'作为文本元素
多种选择输入框,复选框:
的ADIO:单选择输入框
透过的行动,以填补网址提交的形式存储
复位:初始化所有的数据的形式
随机旋钮按钮元素中的脚本或程序指令。
不显示隐藏:隐藏在表单字段中使用实际的数据传输。
血,但不显示在屏幕上的当发送使用hiddne领域的敏感数据。
textare:多行文本字段,使用一个内联元素
选择元素的选项元素
内联元素创建一个元素,使用“选择”菜单选项。
标签元素
设计,以提高可访问性的元素标签不能得到解决,但是,事实上,可以同步的屏幕元素,以控制和
明确授予标签:标签属性,填写id的元素的属性值。
隐式地授予标签:如何将捆绑标记的某些元素的元素。
多重标记是不可能的。
fieldset中,图例元素
更确切形式的fieldset内的多个元素:结构形式新郎
分组的的事情legent:fieldset中标题的
插入脚本
在实现交互式内容的议案的处理,主要是作为一种编程语言的客户端脚本。
作为一个实际的标准脚本语言,java脚本到目前为止,不可能的,如果你不使用CGI处理由Java脚本实现
ECMA脚本:欧洲的电子计算器ECMA标准化的Java脚本的标准规范。
Ĵ脚本扩展微软的读者佐贺的独立的JavaScript是一种脚本语言。 IE以外的浏览器,因为不能保证稳定运行。
VB Script脚本语言:Visual Basic是除了IE浏览器的一个子集,确实是没有的。
TCL:美国加州大学,加州大学伯克利分校,从GUI或在UNIX环境中开发的宏脚本语言,同样的过程,以发展
指定的脚本语言
meta元素中指定的脚本语言,你需要(<meta http-equiv="Content-Script-Type" content="text/javascript"/>)
指定的脚本指定类型的类型(的脚本煤矿),SRC(指定外部脚本URI),字符集(外部脚本)的字符编码​​集
剧本写作时<![CDATA [内容使用Javascript部]]>处综合(JavaScript的的内容人物造型。)指定
/ / <![CDATA [
目录第一部分
/ /]]>
noscript元素脚本的环境中运行脚本时所不具备的,你不能取代的元素。将有助于提高可访问性。
事件处理程序
onload事件发生后,元素已加载其属性指定
onunload:当你移动到一个不同的文件的属性元素出现
指定的事件发生在点击一个按钮的onclick输入设备
onmousedown事件:按下鼠标光标移动到相应的元素时,会发生
发生onmouseup:鼠标中的对应元素被按下时,光标漂浮在合成
的onmouseover:中的相应元件的地方,当鼠标光标正在发生
当鼠标光标移动的OnMouseMove发生中的相应元素
当鼠标光标移到鑻:在相应的元素
onfocus的:被激活的元素上的焦点,如果发生
发生时的onblur:焦点中的对应元素,并正在成为非活动状态
当一个特定的键被按下时发生的OnKeyPress:中的相应元素
发生时的OnKeyDown:特定的键被按下时,在相应的元件
发生释放时调用onKeyUp:在一个特定的键被按下时的相应的元件。
发生的onsubmit:表格内容的范围内时,被发送到
当你收到表格的内容范围内的初始化发生在onreset:
ONSELECT:文本的文本字段,文本区域,选择时会发生什么
时发生的onchange:形成的控制的内容已经改变,并且焦点被释放
无障碍事件处理程序属性
如果您使用的是键盘,鼠标移动的目标属性,为了避免影响交通方便,键盘,鼠标移动,目标属性,可以指定。
因为鼠标光标onfocus此属性或属性的依赖,避免指定替代键盘属性
帧插入
该框架,在另一个文件中插入一个文件的能力。 ()不建议使用
框架集文件中定义(DTD),使用框架(XHTML文档类型声明不能使用)。
当使用iframe元素用于指定标题的标题。
除了IFRAME元素的对象元素插入其他文件,它是可以实现的。
对象插入
对象元素(内联元素。)
图片:img元素
<object data="/images/mg.gif" tyle="image/gif" title="yimiji">内容单元</ OBJECT>
其他文件:IFRAME
通过层叠元素的子对象元素的子元素(对象)的对象元素只是发送。
可以被指定的第一个对象的分层顺序。
特定的浏览器或浏览器不对应的数据类型不能被替换。
<object data="/movie/overview.mpg" type="video/mpeg" title="bidiohohbeujekteu">
<object data="/image/overview.gif" type="image/gif" title="yimijiohbeujekteu">
部分..
</ OBJECT>
</ OBJECT>

 第5章重新设计的Web标准的顺利过渡到
XHTML1.0及XHTML1.1差异的
文档类型声明的区别
提供三种格式:严格型,过渡型,框架XHTML 1.0:HTML4.01像
XHTML 1.1:严格的对应唯一可用的格式
如何指定的语言代码的HTML元素
XHTML 1.0:lang属性,xml:lang属性威胁性的语言代码
XHTML 1.1:xml:lang属性指定
如何指定的name属性和id属性的差异
XHTML 1.0:name属性和id属性指定的标识符标志处理
XHTML 1.1:取消的名称属性指定唯一的id属性
在转换HTML,XHTML
XML声明
XHTML是在开始的文档的XML声明:<?XML版本=“1.0”编码=“EUC-KR”?>
版本的XML版本,编码的字符代码集
XML命名空间,语言代码
XHTML 1.0
<html xmlns=http://www.w3.org/1999/xhtml xml:lang="ko" lang="ko">
XHTML 1.1
<html xmlns=http://www.w3.org/1999/xhtml xml:lang="ko">
MIME类型
XHTML <meta http-equiv=""/>
其他信息服务器如HTTP头,或者指定的输出优先级
不授权使用XHTML1.1。
脚本,样式元素
脚本,样式的元素#CDATA和意见,但XHTML'#PCDATA'的内容被改变的技术,我们需要你做的,现在有一个需要
/ / <![CDATA [
目录第一部分
/ /]]>
 元素和属性必须写在小写
 定义为小写在XHTML中是大小写敏感的,也被定义为小写的元素和属性,因为
在引号括起来的属性值
品尝空元素
HTML空元素标签,而不需要关闭ANAT,但没有具体说明(当然<BR>)XHTML标签jongpyo(当然<BR/>)
标签不能被省略。
XHTML一定没有省略开始标签和结束标签技术。
标签是良好的(良好的)
严格遵守的XML的格式良好的:开始和结束标签欣香克的位置;
物业不能概括(前)<input type="radio"托运(x)>)
空白字符,空格,制表符,换行符,回车4个种的空白字符被认为是
name属性和id属性
XHTML1.0的组合,但在HTML表单中的每个元素的name属性和id属性的作用,img元素的name属性取消XHTML1.1的地图元素的name属性,消除AM
其他主要差异
属性值的第一个空格字符和最后一​​个空白字符将被忽略在一个或两个或两个以上的空白字符由一个单一的尾随空格处理连续属性值
不能包含的元素中的一个元素
IMG,对象,大,小,子,支持,pre元素中的每个元素可以不包含
按钮要素投入中,选择“文本区域,标签,按钮,表格,fildset,iframe中,ISINDEX的每一个元素不能
标签到另一个标签元素不能包含元素
不能包含一个表单元素的表单元素。
XHTML废除元素的替代
applet元素 - >对象要替换的元素
基准字体元素 - > CSS字体大小是由元素取代
中心元素 - >内联元素的父元素中的文本块级元素的text-align属性为中心,以取代
目录元素所取代 - > ul元素
作为一种替代字体的元素 - > CSS颜色,字体大小,字体家庭
取而代之的菜单元素 - > ul元素
XHTML废除财产置换
lang属性 - > xml:lang属性的替代品(1.0 1.1,两个属性,使用xml:lang属性)

第6章的跨浏览器布局 - 布局技术,小桥流水人家的网页浏览器不歧视
浏览器的兼容性和实现
CSS的基本规则
IE 5/5.5/6,在孩子选择'>''+',相邻选择器,属性选择器忽略
IE浏览器5,Opera7的类选择大写字母,小写字母,不区分。
IE 5,Opera7的ID不区分之间选择的大写和小写。
读者浏览器扩展(这不符合Web标准的浏览器)
向后兼容性和向上兼容性
向后兼容性:现有的浏览器在过去,没有任何问题,他们表示的代码似乎是工作
热门兼容性:在未来,浏览器将建立在未来,他们表示的代码没有任何问题,似乎是工作
过渡性的向上兼容性
使用正确的XHTML标记
控制,使用正确的CSS字体/文本,颜色,页边距等。
没有多大用处的配置布局的表格元素
嵌套表x,相同的效果的CSS guhyan
严格的向上兼容性
正确的XHTML 1.0 Strict或过渡性标记使用
正确使用CSS的布局
的可视化表示的结构中的分离
强调的结构,或优选不使用的一种技术,用于不使用的标记的可视化表示。
代表和文档格式转换
浏览器gachun2种表示
标准方式(标准):Web标准兼容代表性的
向后兼容性兼容的方式(怪癖)的方式表示第一
配备3种表示浏览器
标准方式(标准):Web标准兼容代表性的
相当多的标准方式(几乎为标准):保持向后兼容性表或中心对齐的,在默认情况下,一些Web标准兼容的表达,但表达表示。
向后兼容性兼容的方式(怪癖)的方式表示第一
CSS核
非标,但如何申请通过核,除了一些浏览器CSS
星核粘贴HTML选择在IE4-6型,并不适用于其他浏览器
强调核性能最开始的下划线(_)为前缀风格被应用在其他浏览器IE 4-6等不适用
创建一个外部的样式表
浏览器粘贴“*”前面的选择器来指定初始风格的初始化(* {属性的变化})
您所指定的顺序的属性
陈述或位置的可视化的属性
保证金或填充,线条等包装盒上的模型属性
在背景和颜色属性
在字体和文本属性
.... NET生成的内容的属性。
布局技术
文档正文
中心对齐
块级元素:左,右页边距auto值
为中心,内联元素指定一个值:文本的对齐元素
图片替换的技巧
搜索使用img元素是不可能的,在维护方面效率较低比的文本(优选避免使用的图像元素。)
显示图像替换技术
EX)<DIV>
<P> 1 / </ P>
</ DIV>
表示,否则...... P元素的图像在处理隐瞒CSS适用于涂层的图像股利的div,p元素的表达。
text-indent属性
标志表示该地区使用的文本缩进属性,以设定了一个链接(指定块元素,在订单减少的保证金平等的宽度和长度的标志没有文本属性,边框的边距和填充属性为零,一个整洁的链接标志表示可以做到的。)
多级布局
配置布局使用float
的方式来部署后使用浮动块元素的布局
EX)中心对齐布局部署
BODY {
文本对齐:中心;
}
DIV#头{
宽度:400像素;
保证金右:汽车;
保证金左:自动;
}
DIV#页脚{
;/ /空间漂浮你并不需要连接的双方,因为下山。
宽度:400像素;
保证金右:汽车;
保证金左:自动;
}
DIV#conteine​​r {
宽度:400像素;
保证金右:汽车;
保证金左:自动;
}
DIV#内容{
宽度:400像素;
浮动:权利
}
DIV#sidebar的{
宽度:120像素;
浮动:左;
}
布局定位部署
绝对定位和相对定位组合
实施定位元素的相对位置的绝对位置的元素的一个箱子,然后将其粘贴质量
绝对位置和浮动组合
位置的绝对位置的元素的一个箱子,然后将其粘贴质量要素使用float属性到所需的位置(左,右,前,后)执行
组合保证金和绝对位置
通过使用左,右页边距属性的绝对位置的元素的一个箱子,然后将其粘贴质量元素被放置的位置。
修正:使用不规范的,所以不推荐

第7章,设计的各种各样的用户
无障碍
保持可访问的原因

没有评论:

发表评论