css表格样式表头,css样式表单

jsp 固定表格表头 css 或者 js 都行，只要功能实现

script?type="text/javascript"

function?setHeader(divObj,headerID)?{

?var?headerObj=eval(headerID);

?if(divObj.scrollTop??5??headerObj.className?!=?"docktr")?headerObj.className="docktr";

}

/script

style

?.dtdiv?{

??position:?relative;

??width:?expression(document.body.clientWidth-10);

??z-index:?1;

??overflow:?auto;

?}

?.docktr?{

?height:?25px;

?line-height:?25px;

?background:?#A3CFEE;

?position:?relative;

?top:?expression(document.getElementById("dtdiv").scrollTop);

?z-index:?20;

?left:?-1px;

}

/style

div?id="dtdiv"?class="dtdiv"?style="width:100%;height:100px;"?onscroll="setHeader(this,'dockTR');"

table?width="100%"?border="0"?cellpadding="0"?cellspacing="0"?id="listtab"

?tr?align="center"?id="dockTR"?style="height:?25px;background:?#A3CFEE;"

??td?width="50%"名字/td

??td?width="50%"班级/td

?/tr

?tr?height=40

??td1/tdtd11/td

?/tr

?tr?height=40

??td2/tdtd22/td

?/tr

?tr?height=40

??td3/tdtd33/td

?/tr

?tr?height=40

??td4/tdtd44/td

?/tr

?tr?height=40

??td5/tdtd55/td

?/tr

?tr?height=40

??td6/tdtd66/td

?/tr

?tr?height=40

??td7/tdtd77/td

?/tr

/table

/div

table怎么写CSS让第一行的th占一整行不影响下面的

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用table标签创建一个表格，并使用border属性设置表格的边框为1px。

3、在test.html文件内，使用tr、td两个标签创建表格为两行两列，代码如下。

4、在test.html文件内，编写style type="text/css"/style标签，页面的css样式将写在该标签内。

5、在css标签中，对table的td元素进行样式设置，使用padding属性设置单元格的间距为10px，即单元格的内边距为10px。

6、除了上面的方法外，还可以使用cellpadding属性直接在table标签内设置，实现单元格的间距定义。

HTML怎么给同一列表格添加CSS？？Col没有用啊~~

用属性选择器来为列表加样式，按照你的截图，我可以把样式写成这样：

table tr td{width:60px;; height:30px; background-color:#000000; color:#ffffff;}//这是表头

table tr + tr td{background:none; color:#cccccc;}//table表里的样式设置

table tr + tr td:first-child{background-color:#ff0000; color:#000000;}//设置你截图圈起的表格样式

“+”这个选择器是选择相邻元素时使用，而:first-child是选择某个父元素下的第一个元素，并可以对其设置样式

[前端][CSS] 纯css实现纵向滚动固定表头与横向内容滚动

这次要实现的目标是类似这种，纵向滚动时表头固定，横向滚动时，表头跟着滚动

最基础的思路就是表头和内容是用两个表格来显示（图来自 ），关于怎么保存表头和内容列宽一致链接里这个文章里也有写就不另外说了。

纵向滚动是挺好实现的，我开始是在内容的表格外面套了一个div，之后设置 overflow-y:auto 就实现纵向滚动了。

但横向滚动呢？

首先想到的方案是在最外面的div,outer加上 overflow-x:auto

虽然这样横纵都能滚动了，但是横向滚动的时候纵向滚动条也被滚走了。

然后想到了是用js来同步，可以是可以的，但是还是想挣扎一下。

之后想到了fixed，发现如果表头设置为fixed无论横向滚动还是都会被固定在原地。

最后突然想到一个position的新属性，sticky

设置了 position: sticky ，在屏幕范围（viewport）时该元素的位置并不受到定位影响（设置是top、left等属性无效），当该元素的位置将要移出偏移范围时，定位又会变成fixed，根据设置的left、top等属性成固定位置的效果（ ）。

所以最后设置了表头

css:

就成功实现了想要的效果了。

不过sticky的兼容性也是要考虑一下的。

求HTML中所有的标签以及标签解释，和，CSS样式表内容越详细越好，越容易理解越好

!--...-- 定义注释。

!DOCTYPE 定义文档类型。

a 定义锚。

abbr 定义缩写。

acronym 定义只取首字母的缩写。

address 定义文档作者或拥有者的联系信息。

applet 不赞成使用。定义嵌入的 applet。

area 定义图像映射内部的区域。

article 定义文章。

aside 定义页面内容之外的内容。

audio 定义声音内容。

b 定义粗体字。

base 定义页面中所有链接的默认地址或默认目标。

basefont 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

bdi 定义文本的文本方向，使其脱离其周围文本的方向设置。

bdo 定义文字方向。

big 定义大号文本。

blockquote 定义长的引用。

body 定义文档的主体。

br 定义简单的折行。

button 定义按钮 (push button)。

canvas 定义图形。

caption 定义表格标题。

center 不赞成使用。定义居中文本。

cite 定义引用(citation)。

code 定义计算机代码文本。

col 定义表格中一个或多个列的属性值。

colgroup 定义表格中供格式化的列组。

command 定义命令按钮。

datalist 定义下拉列表。

dd 定义定义列表中项目的描述。

del 定义被删除文本。

details 定义元素的细节。

dir 不赞成使用。定义目录列表。

div 定义文档中的节。

dfn 定义定义项目。

dialog 定义对话框或窗口。

dl 定义定义列表。

dt 定义定义列表中的项目。

em 定义强调文本。

embed 定义外部交互内容或插件。

fieldset 定义围绕表单中元素的边框。

figcaption 定义 figure 元素的标题。

figure 定义媒介内容的分组，以及它们的标题。

font 不赞成使用。定义文字的字体、尺寸和颜色。

footer 定义 section 或 page 的页脚。

form 定义供用户输入的 HTML 表单。

frame 定义框架集的窗口或框架。

frameset 定义框架集。

h1 to h6 定义 HTML 标题。

head 定义关于文档的信息。

header 定义 section 或 page 的页眉。

hr 定义水平线。

html 定义 HTML 文档。

i 定义斜体字。

iframe 定义内联框架。

img 定义图像。

input 定义输入控件。

ins 定义被插入文本。

isindex 不赞成使用。定义与文档相关的可搜索索引。

kbd 定义键盘文本。

keygen 定义生成密钥。

label 定义 input 元素的标注。

legend 定义 fieldset 元素的标题。

li 定义列表的项目。

link 定义文档与外部资源的关系。

map 定义图像映射。

mark 定义有记号的文本。

menu 不赞成使用。定义菜单列表。

meta 定义关于 HTML 文档的元信息。

meter 定义预定义范围内的度量。

nav 定义导航链接。

noframes 定义针对不支持框架的用户的替代内容。

noscript 定义针对不支持客户端脚本的用户的替代内容。

object 定义内嵌对象。

ol 定义有序列表。

optgroup 定义选择列表中相关选项的组合。

option 定义选择列表中的选项。

output 定义输出的一些类型。

p 定义段落。

param 定义对象的参数。

pre 定义预格式文本。

progress 定义任何类型的任务的进度。

q 定义短的引用。

rp 定义若浏览器不支持 ruby 元素显示的内容。

rt 定义 ruby 注释的解释。

ruby 定义 ruby 注释。

s 不赞成使用。定义加删除线的文本。

samp 定义计算机代码样本。

script 定义客户端脚本。

section 定义 section。

select 定义选择列表（下拉列表）。

small 定义小号文本。

source 定义媒介源。

span 定义文档中的节。

strike 不赞成使用。定义加删除线文本。

strong 定义强调文本。

style 定义文档的样式信息。

sub 定义下标文本。

summary 为 details 元素定义可见的标题。

sup 定义上标文本。

table 定义表格。

tbody 定义表格中的主体内容。

td 定义表格中的单元。

textarea 定义多行的文本输入控件。

tfoot 定义表格中的表注内容（脚注）。

th 定义表格中的表头单元格。

thead 定义表格中的表头内容。

time 定义日期/时间。

title 定义文档的标题。

tr 定义表格中的行。

track 定义用在媒体播放器中的文本轨道。

tt 定义打字机文本。

u 不赞成使用。定义下划线文本。

ul 定义无序列表。

var 定义文本的变量部分。

video 定义视频。

wbr 定义视频。

xmp 不赞成使用。定义预格式文本。

按功能类别排列

New : HTML5 中的新标签。

基础

标签 描述

!DOCTYPE 定义文档类型。

html 定义 HTML 文档。

title 定义文档的标题。

body 定义文档的主体。

h1 to h6 定义 HTML 标题。

p 定义段落。

br 定义简单的折行。

hr 定义水平线。

!--...-- 定义注释。

格式

标签 描述

acronym 定义只取首字母的缩写。

abbr 定义缩写。

address 定义文档作者或拥有者的联系信息。

b 定义粗体文本。

bdi 定义文本的文本方向，使其脱离其周围文本的方向设置。

bdo 定义文字方向。

big 定义大号文本。

blockquote 定义长的引用。

center 不赞成使用。定义居中文本。

cite 定义引用(citation)。

code 定义计算机代码文本。

del 定义被删除文本。

dfn 定义定义项目。

em 定义强调文本。

font 不赞成使用。定义文本的字体、尺寸和颜色

i 定义斜体文本。

ins 定义被插入文本。

kbd 定义键盘文本。

mark 定义有记号的文本。

meter 定义预定义范围内的度量。

pre 定义预格式文本。

progress 定义任何类型的任务的进度。

q 定义短的引用。

rp 定义若浏览器不支持 ruby 元素显示的内容。

rt 定义 ruby 注释的解释。

ruby 定义 ruby 注释。

s 不赞成使用。定义加删除线的文本。

samp 定义计算机代码样本。

small 定义小号文本。

strike 不赞成使用。定义加删除线文本。

strong 定义语气更为强烈的强调文本。

sup 定义上标文本。

sub 定义下标文本。

time 定义日期/时间。

tt 定义打字机文本。

u 不赞成使用。定义下划线文本。

var 定义文本的变量部分。

wbr 定义视频。

表单

标签 描述

form 定义供用户输入的 HTML 表单。

input 定义输入控件。

textarea 定义多行的文本输入控件。

button 定义按钮。

select 定义选择列表（下拉列表）。

optgroup 定义选择列表中相关选项的组合。

option 定义选择列表中的选项。

label 定义 input 元素的标注。

fieldset 定义围绕表单中元素的边框。

legend 定义 fieldset 元素的标题。

isindex 不赞成使用。定义与文档相关的可搜索索引。

datalist 定义下拉列表。

keygen 定义生成密钥。

output 定义输出的一些类型。

框架

标签 描述

frame 定义框架集的窗口或框架。

frameset 定义框架集。

noframes 定义针对不支持框架的用户的替代内容。

iframe 定义内联框架。

图像

标签 描述

img 定义图像。

map 定义图像映射。

area 定义图像地图内部的区域。

canvas 定义图形。

figcaption 定义 figure 元素的标题。

figure 定义媒介内容的分组，以及它们的标题。

音频/视频

标签 描述

audio 定义声音内容。

source 定义媒介源。

track 定义用在媒体播放器中的文本轨道。

video 定义视频。

链接

标签 描述

a 定义锚。

link 定义文档与外部资源的关系。

nav 定义导航链接。

列表

标签 描述

ul 定义无序列表。

ol 定义有序列表。

li 定义列表的项目。

dir 不赞成使用。定义目录列表。

dl 定义定义列表。

dt 定义定义列表中的项目。

dd 定义定义列表中项目的描述。

menu 定义命令的菜单/列表。

command 定义命令按钮。

表格

标签 描述

table 定义表格

caption 定义表格标题。

th 定义表格中的表头单元格。

tr 定义表格中的行。

td 定义表格中的单元。

thead 定义表格中的表头内容。

tbody 定义表格中的主体内容。

tfoot 定义表格中的表注内容（脚注）。

col 定义表格中一个或多个列的属性值。

colgroup 定义表格中供格式化的列组。

样式/节

标签 描述

style 定义文档的样式信息。

div 定义文档中的节。

span 定义文档中的节。

header 定义 section 或 page 的页眉。

footer 定义 section 或 page 的页脚。

section 定义 section。

article 定义文章。

aside 定义页面内容之外的内容。

details 定义元素的细节。

dialog 定义对话框或窗口。

summary 为 details 元素定义可见的标题。

元信息

标签 描述

head 定义关于文档的信息。

meta 定义关于 HTML 文档的元信息。

base 定义页面中所有链接的默认地址或默认目标。

basefont 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

编程

标签 描述

script 定义客户端脚本。

noscript 定义针对不支持客户端脚本的用户的替代内容。

applet 不赞成使用。定义嵌入的 applet。

embed 为外部应用程序（非 HTML）定义容器。

object 定义嵌入的对象。

param 定义对象的参数。

求解CSS中表格的scope="col"是什么意思。。。。

Scope属性定义了行的表头和列的表头：

col: 列表头

row: 行表头

在第一行的加上值为col的scope属性，声明他们是下面(列)数据单元格的表头。同样的，给每行的开头加上值为row的scope属性声明他们是右边(行)数据单元格的表头。

Scope属性还有两个值：

colgroup: 定义列组（column group）的表头信息

rowgroup: 定义行组（row group）的表头信息