web前端基础知识总结 (5)

Above 显示上边框 below显示下边框 border 边框全显示 hside显示上下边框 vside显示左右边框 lhs显示右边框 rhs显示左边框 void 显示

Rules的属性值:

All 显示所有内部边框 cols仅显示列边框 groups显示位于行列间的边框 none不显示内部边框 rows仅显示行边框

(2)、定义行<tr>

属性:dir lang class id style title bgcolor background  bordercolorlight  bordercolordark valign(表格行的垂直对齐方式)

(3)、定义列<td><th>为定义表头

属性:dir lang class id style title bgcolor background bordercolorlight bordercolordark valign width height abbr(单元格的缩写) axis(用逗号分割目录名列表) rowspan(单元格跨行个数)

Colspan(单元格跨列个数) headers(标题单元格的列表) nowrap(禁止换行) scope(指定单元格提供信息)

(4)、表格标题内容<caption>

属性:dir lang class align id style title valign

15、框架主要分为两部分:一个是框架集,另一个是框架

(1)、<frameset>框架集,仅是一个框架的集合

属性:class id style title rows cols bordercolor frameborder framespacing(框架集间距)

(2)、定义框架<frame>

属性:class id style title   bordercolor  frameborder   name noresize(禁止调整边框大小)   src(框架源文件)

Marginwidth(框架边缘宽度) marginheight(框架边缘高度)

Frameborder的属性值:yes 出现边框 no 不出现边框

(3)、<iframe>定义内联框架,在文档中定义一个独立的矩形区域,有独立的滚动条和边框

属性:class id style title frameborder name src marginwidth marginheight align height width scrolling(是否允许出现滚动条)

Scrolling的属性值:yes 出现  no不出现 auto自动出现滚动条

16、样式表

(1)、内联样式表:只需在标签内含一个上style属性,style属性后在跟一系列属性和属性值即可。

事例:<标签  style = “属性:属性值”>

(2)、文档样式表用<style>标签表示

属性:dir lang title media(文档要使用的媒介类型) type(样式类型)

级联样式表type的属性值都是text/cssjavascript使用的样式表都是text/javascript

Media的属性值:screen 计算机显示屏(默认)  tv(电视) projection 剧场   handheldPDA和手提电话) print 打印 all所有媒体

(3)、外部样式表:用<link>标签来实现

属性:dir title lang target type class id style charset href media rel rev

(4)/样式表语法

a)、HTML重新定义标签样式表语法:

exp: tdcolorred;font-size:8pt

b)、类样式表:能够在文档样式表或外部样式表中为同一个元素创建不同的样式,在文档后面通过设置class属性 来选择特定的样式。

例子: .bg background-image: url(路径);}

<body class = ”bg”>

17、样式表的属性

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzysyw.html