分页： 1 / 1
有没有好的网页表格范例推荐一下？
发表于 ： 2015-11-24 21:55
由 TeliuTe
八年级学生，网页制作第4课学习表格，想找个好的范例给学生做
以前的课程表、座位表、时间表，感觉都没什么意思
学生已经学了三课：保存网页，创建站点，CSS样式表，其他图片、超链接都还没学
Re: 有没有好的网页表格范例推荐一下？
发表于 ： 2015-11-25 11:42
由 astolia
才学那么点，table玩不出什么花样来的，只能讲讲基本的结构、基础的属性和样式了
从这里面
https://css-tricks.com/complete-guide-table-element/ 找点可用的呗，我觉得firefox的那个3D视图倒是很好的演示工具
Re: 有没有好的网页表格范例推荐一下？
发表于 ： 2015-11-25 18:33
由 TeliuTe
多谢，我去看看先
--
全英文的，有点难度。。
我们用的KompoZer可视化的网页编辑器教学，代码用的很少，几乎不用只在最后视频的时候用一次
Re: 有没有好的网页表格范例推荐一下？
发表于 ： 2015-11-26 12:29
由 TeliuTe
奇怪，一直没弄明白两个css之间为什么会相互干扰？明明只设置了第一行，但是第二行也跟着变，而且找不出规律来
代码： 全选
<html dir="ltr" lang="zh-cn">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>lesson25</title>
<meta content="刘老师" name="author">
<meta content="我的表格" name="description">
<style type="text/css">
.title {
font-family: 文泉驿微米黑;
font-size: 48px;
line-height: 150%;
color: #000099;
text-align: center;
}
.text {
font-size: 36px;
color: #009900;
font-family: AR PL UKai CN;
line-height: 150%;
text-align: center;
}
</style>
</head>
<body class="title">
<table style="text-align: left; width: 990px; height: 58px;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;">快<span class="title">快乐</span>乐<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">快乐是什么？其实，快乐只是一种感觉，你认为自己是快乐，你就是快乐
的。<br>
</td>
</tr>
</tbody>
</table>
<br>
</body>
</html>
Re: 有没有好的网页表格范例推荐一下？
发表于 ： 2015-11-26 17:20
由 astolia
你不是给整个body都指定了.title样式么，然后没声明doctype，浏览器用quirks mode来解析，表格里的字体样式除了family以外都不继承，最后就成这个样子了
用firefox的开发者工具查看元素的样式规则，可以看得很清楚
不过你们教材现在还不写doctype，真是太落后于时代了
Re: 有没有好的网页表格范例推荐一下？
发表于 ： 2015-11-26 19:22
由 TeliuTe
确实，body里加了个样式，不知是怎么加进去的，
看了下 doctype 是在编辑器的首选项中设定的，默认的是 HTML 4 Strict，这个倒没想到，
--
设成 XHTML 1 Transiational 可能要好些
当时翻译kz的时候，这一块就没弄的太明白，没找出设成xhtml的方法，还有本地想设成zh-cn和从左到右也是，默认的Utf8倒是出来了
