表格语法格式:
....... | ....
/miniaoke/shenjieshi/
border边框宽度默认值为0,既没有边框
cellspacing表格中单元格的边距大小,默认值为两个像素
cellpadding表格中单元格之间的间距大小,默认值为两个像素
tr元素
语法格式:
....
align属性对齐方式可选值如下:left,center,tight,默认为left
bgcolor指定该行的背景颜色
td元素
语法格式:
background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">..... | align属性的可选值有:left,center,right
valign属性的可选值有:top,middle,bottom
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 隐藏域名称
/miniaoke/shenjieshi/
value 内定值
image 图片域
属性:name 所要代表的按钮,可以是submit,reset,或其他.
src 按钮图片的url 地址
列表框
语法格式:
.....
.....
select元素
语法格式:
name 指定列表框的名字
size 指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框
multiple 指定了这个参数,则表示该列表框可选择多项,否则只可选择一项
option属性
语法格式:
value 该列表项的值
selected 如果设定了这个参数,默认为选定这一项
多行文本框
属性:
name文本框的名称
cols文本框的宽度
rows文本框的高度
wrap文本框的折行方式可选值有:
off不保存换行信息
physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出,
virtual送出连续成串的字除非使用者按回车。
css 层叠样式表
引入层叠样式表的方法包括:
外联式样式表
例:
....
属性:rel 用来说明元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址
/miniaoke/shenjieshi/
内嵌式样式表:
例:
....
元素内定
格式:
导入式样式表
〈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> ..... /miniaoke/shenjieshi/ 士大夫井冈山地方官 九连环离开计划 还有一种方法就是限定可以应用它的页面元素 例:〈head> ..... 士大夫井冈山地方官 九连环离开计划 3 id选择符 与class选择附类似,只是把'.'换成'#' 例: 我们看到在调用ID选择附时与CLASS选择附类似,只是将class=""换成了id="",方便页面脚本语言的调用 关联选择符 /miniaoke/shenjieshi/ 关联选择符 我们设定了在元素中 | 的元素 所包含文字的样式,只有在两个条件都满足是,样式在会起作用, 伪类选择符 是只能用在css选择符里,而不能用在html代码中的选择符 例: 〈html> 关联选择符 关联选择符 关联选择符 关联选择符 〈/body> 正确的顺序是a:linka:visiteda:hover否则会引起页面上连接颜色混乱 伪元素选择符 与伪类选择符定义类似,目前被大多数浏览器支持的有两个:首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的 /miniaoke/shenjieshi/ 例:首行 < 长度随浏览器窗口大小而改变 首字 < 以上两种都只能应用于块状元素上 css规则 1.继承 例: css规则 /miniaoke/shenjieshi/ | 为最高级 | 次一级两种css用在一个属性元素上,相同的覆盖,不同的继承, 2.组合 例:td{font-size:12pt} p1{font-size:12pt} 组合后 td,.p1{font-size:12pt} 3.层叠 在样式里定义过后,在表格属性中又定义一次 css单位 分四大类: 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属性 /miniaoke/shenjieshi/ 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/) 背景图片 background-attachment : fixed 固定背景 background-repeat : repeat 重复排列-网页预设 background-repeat : no-repeat 不重复排列 background-repeat : repeat-x 在x轴重复排列 background-repeat : repeat-y 在y轴重复排列 background-position : 90% 90% 背景图片x与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 四边框 虚线 /miniaoke/shenjieshi/ 实线
本文标签:
文字
设定
定义
表格
|