表格语法格式:
border边框宽度默认值为0,既没有边框
cellspacing表格中单元格的边距大小,默认值为两个像素
cellpadding表格中单元格之间的间距大小,默认值为两个像素
tr元素
语法格式:
....
align属性对齐方式可选值如下:left,center,tight,默认为left
bgcolor指定该行的背景颜色
td元素
语法格式:
..... | align属性的可选值有:left,center,right
rowspan和colapan跨行和跨列的数量,默认为1
input元素语法格式:
type属性的可选值有:
text 单行文本框
属性:name 文本框名称
value 文本框的初始值
size 文本框的长度
maxlength 可输入字符串最大的长度
radio 单选框
属性:name 单选框名称
value 内部值
checked 默认选定
checkbox 复选框
属性:name 复选框名称
value 内部值
checked 默认选定
reset 重置按钮
submit 确定按钮
属性:name 按钮名称
value 显示在按钮上的文字
password 密码框
属性与文本框的属性完全相同
file 文件域
属性:name文件域名称
size 文件域的长度
maxlength 文件域可接受的字符数量的上限
hidden 隐藏域
属性:name 隐藏域名称
value 内定值
image 图片域
属性:name 所要代表的按钮,可以是submit,reset,或其他.
src 按钮图片的url 地址
列表框
语法格式:
.....
.....
select元素
语法格式:
name 指定列表框的名字
size 指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框
option属性
语法格式:
value 该列表项的值
selected 如果设定了这个参数,默认为选定这一项
多行文本框
属性:
name文本框的名称
cols文本框的宽度
rows文本框的高度
wrap文本框的折行方式可选值有:
off不保存换行信息
physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出,virtual送出连续成串的字除非使用者按回车。
css 层叠样式表
引入层叠样式表的方法包括:
外联式样式表
例:
....
属性:rel 用来说明元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址
内嵌式样式表:
例:
....
元素内定
格式:
导入式样式表
〈html>
-->
....
css的优先级
越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义
如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。
css结构
例:td{font-size:10.5pt;color:#666666}
css样式包含两个基础部分,
选择符
和声明{font-size:10.5pt;color:#666666} 声明也有两部分组成: 属性font-size,color和值10.5pt,#666666 选择符分为6种 1元素选择符 当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开例:td,p,li,input,select{font-size:12px;} 2class(类)选择符 例:〈head> .....士大夫井冈山地方官 九连环离开计划 还有一种方法就是限定可以应用它的页面元素 例:〈head> .....士大夫井冈山地方官 3 id选择符 与class选择附类似,只是把'.'换成'#' 例: 我们看到在调用ID选择附时与CLASS选择附类似,只是将class=""换成了id="",方便页面脚本语言的调用 关联选择符 关联选择符 我们设定了在元素中 | 的元素 所包含文字的样式,只有在两个条件都满足是,样式在会起作用, 伪类选择符 是只能用在css选择符里,而不能用在html代码中的选择符 例: 〈html> 关联选择符 关联选择符 关联选择符 关联选择符 〈/body> 正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱 伪元素选择符 与伪类选择符定义类似,目前被大多数浏览器支持的有两个:首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的 例:首行 dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf... 长度随浏览器窗口大小而改变 首字 dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf... 以上两种都只能应用于块状元素上 css规则 1.继承 例: 为最高级 | 次一级两种css用在一个属性元素上,相同的覆盖,不同的继承,2.组合 例:td{font-size:12pt} p1{font-size:12pt} 组合后 td,.p1{font-size:12pt} 3.层叠 在样式里定义过后,在表格属性中又定义一次 分四大类: 1 长度单位 数值可以是整数,小数,正数,负数,0,后加单位(负值不要轻易使用)换算关系: 1in(英寸)=6pc(派) 1in(英寸)=72pt(磅) 1in(英寸)=2.54(厘米) 1cm(厘米)=10mm(毫米) 1cm(厘米)=0.3937(英寸) 1pt(磅)=1/72in(英寸)=0.2478mm(毫米) 1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸 2 百分比单位 3 颜色单位 4 url单位 div属性 color : #999999 文字颜色 font-family : 宋体文字字型 font-size : 10pt 文字大小 font-style:itelic 文字斜体育 font-variant:small-caps 小字体 letter-spacing : 1pt 文字间距 line-height : 200% 设定行高 font-weight:bold 文字粗体 vertical-align:sub 下标字 vertical-align:super 上标字 text-decoration:line-through 加?h除线 text-decoration:overline 加顶线 text-decoration:underline 加底线 text-decoration:none ?h除连接底线 text-transform : capitalize 首字大写 text-transform : uppercase 英文大写 text-transform : lowercase 英文写 text-align:right 文字*右对齐 text-align:left 文字*左对齐 text-align:center 文字置中对齐 这些是一些简单的文字效果,可以应用到css的页面中。 背景 background-color:black 背景颜色 background-image : url(image/bg.gif) 背景图片 background-attachment : fixed 固定背景 background-repeat : repeat 重复排列-网页预设 background-repeat : no-repeat 不重复排列 background-repeat : repeat-x 在x轴重复排列 background-repeat : repeat-y 在y轴重复排列 链接 A 所有超连接 A:link 超连接文字格式 A:visited 浏览过的连接文字格式 A:active 按下连接的格式 A:hover 鼠标移至连接 边框 border-top : 1px solid black 上框 border-bottom : 1px solid #6699cc 下框 border-left : 1px solid #6699cc 左框 border-right : 1px solid #6699cc 右框 border: 1px solid #6699cc 四边框 虚线 HTML标记大全 文件类型 (放在档案的开头与结尾) 文件主题 (必须放在「文头」区块内)文头 (描述性资料,像是「主题」)文体 (文件本体)------------------------------------------------------------结构性定义(由浏览器控制的显示风格)标题 (从1到6,有六层选择) 标题的对齐 区分 区分的对齐 引文区块 (通常会内缩)强调 (通常会以斜体显示) 特别强调 (通常会以加粗显示) 引文 (通常会以斜体显示) 码 (显示原始码之用) 样本 键盘输入 变数 定义 (有些浏览器不提供) 地址 大字 小字 ------------------------------------------------------------与外观相关的标签 加粗 斜体 底线 (尚有些浏览器不提供) 删除线 (尚有些浏览器不提供) 下标 上标 打字机体 (用单空格字型显示) 预定格式 (保留文件中空格的大小)预定格式的宽度 (以字元计算)向中看齐 (文字与图片都可以)闪耀 (有史以来最被嘲弄的标签) 字体大小(从1到7) 改变字体大小 基本字体大小 (从1到7; 内定为3) 字体颜色 --------------------------------------------------------------------------------《连结与图形》 连接 连接到锚点(如果锚点在另一个档案) (如果锚点目前的档案) 连结到目的视框 图形 图形看齐方式 图形看齐方式 ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> 取代文字 (如果没有办法显示图形则显示此文字) 点选图 (需要CGI程式) 点选图 地图(描述地图) 段落 大小(以pixels为单位) 图形边缘 (以pixels为单位) 图形边缘空间 (以pixels为单位) 低解析度图形 用户端拉(使用端自动更新)内嵌物件 内嵌物件大小 -------------------------------------------------------------------------------- 分隔 段落 (通常是两个return) 段落 (新定义成容器型标签)文字看齐方式 换行 (一个return) 文字部份看齐方式 (与图形合用时) 横线
横线对齐
横线厚度 (以pixels为单位)横线宽度 (以pixels为单位)横线比率宽度 (以页宽为100%)实线 (没有立体效果)不可换行 (不换行) 可换行处 (如果需要,可在此断行) -------------------------------------------------------------------------------- 列举(可以巢状列举) 无次序式列举 ( 放在每一项前)公布式列举 (定义全部的列举项)- (定义这个及其後的列举项)
有次序式列举 ( - 放在每一项前)
数标型态 (定义全部的列举项)- (定义这个及其後的列举项)
起始数字 (定义全部的列举项)- (定义这个及其後的列举项)
定义式列举 (- 项目,
- 定义)
表单式列举 (- 放在每一项前)
目录式列举 ( - 放在每一项前)
-------------------------------------------------------------------------------- 背景与颜色 重复排列的背景 背景颜色 (依序为红、绿、蓝)连结颜色 看过的连结 使用中的连结 -------------------------------------------------------------------------------- 特殊字元(以下标签需用小写)特别符号?; (其中? 代表ISO 8859-1 的编码) < < > > & & " " 注册商标TM ? N1.0+ 注册商标TM ? 著作权符号? N1.0+ 著作权符号? -------------------------------------------------------------------------------- 表单(通常需要与CGI程式配合) 定义表单 N2.0 上传档案 |