html中颜色的三种不同表示方法,表示颜色的有三种方式

表格语法格式：

...........

border边框宽度默认值为0，既没有边框

cellspacing表格中单元格的边距大小，默认值为两个像素

cellpadding表格中单元格之间的间距大小，默认值为两个像素

tr元素

语法格式：

....

align属性对齐方式可选值如下：left,center,tight,默认为left

bgcolor指定该行的背景颜色

td元素

语法格式：

.....

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 隐藏域名称

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地址

内嵌式样式表：

例：

....

元素内定

格式：

导入式样式表

〈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选择符

我们看到在调用ID选择附时与CLASS选择附类似，只是将class=""换成了id=""，方便页面脚本语言的调用

关联选择符

关联选择符

关联选择符

我们设定了在元素中的元素

所包含文字的样式，只有在两个条件都满足是，样式在会起作用，

伪类选择符

是只能用在css选择符里，而不能用在html代码中的选择符

例：

〈html>

〈/body>

正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱

伪元素选择符

与伪类选择符定义类似，目前被大多数浏览器支持的有两个：首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的

例：首行

dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...

长度随浏览器窗口大小而改变

首字

dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...

以上两种都只能应用于块状元素上

转载于:https://www.cnblogs.com/borter/p/9439574.html

版权所有 IT知识库 CopyRight © 2000-2050 IT知识库 IT610.com , All Rights Reserved.

京ICP备09083238号