严格的说:
<td><th><tr>不是css属性,而是html里面的table标签。
理解什么意思,看下面案例:一个3行3列的带有表头的表格
<table><thead>
<tr>
<th>表头单元格</th>
<th>表头单元格</th>
<th>表头单元格</th>
</tr>
</thead>
<tbody>
<tr>
<td>内容单元格</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>内容单元格</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>内容单元格</td>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>
从上面可以看出:
th为表头单元格的专属,在html 语言中,th单元格会有加粗的效果。
tr为“行”属性,一个tr就是一行,th、td属性都必须在tr内显示。属于包含关系。
td为具体内容的单元格容器,为table的底层元素,所有内容的呈现都在td内显示。
我好像米碰到过这种大于号的符号,看看你要的是不是这些
如div{...}会给所有的<div></div>增加样式
名前井号“#”:对应html中的标签的id属性,写法为#name
如#p1{...}会给<p id="p1">ID is p1</p>增加样式
名前小数点“.”:对应html中标签的class属性,写法为.name
如.p2{...}会给<p class="p2">CLASS is p2</p>增加样式
中间空格“ ”:关系到html标签的层次,写法为css css[ css[... css]],可以设多层
如DIV #p1 .span1{...}则会给<div><p id="p1"><span class="span1"></span></p></div>中最内部的span1增加样式
这样写的CSS必须严格遵守CSS与HTML标签层次,以下情况不会被这条CSS所应用
<span class="span1"></span>
<p id="p1"><span class="span1"></span></p>
<div><span class="span1"></span></div>
中间逗号“,” :表示并列关系,既该CSS有多个名称(可以精简重复的CSS样式)
如body,form,div{...}会为所有的<body></body>、<form></form>、<div></div>增加样式
名后冒号“:”:一般是指状态
如a:hover表示当鼠标悬停在a标签上时使用的样式
一、CSS简介CSS(Cascading Style Sheet)层叠样式表,它是用来美化页面的一种语言,之前提到的W3C规范中的“样式”。作用:1、美化界面。2、页面布局。基本语法:选择器{样式规则}样式规则:属性名1:属性值1属性名2:属性值2属性名3:属性值3。。。选择器:是用来选择标签的,选出来以后给标签加样式。从Hello World说起,<p style="background-color:#FFFcolor:#000font-size:30px">Hello World!</p>这样写可以实现将原本的白底黑字Hello World! 改成样式为 黑底白字的效果。但是这样写有一定的缺点:缺点1:内容、样式、行为三者未分离,代码糅杂,不符合W3C规范,难以维护。缺点2:代码冗余,不可复用。二、如何引入CSS?1)行内样式即上述的一般形式,由于其存在的缺点,介绍下一种样式。2)内嵌样式,给p标签加样式,加在head标签中<style type="text/css">p{background-color:#FFFcolor:#000font-size:30px}</style>当本页面的p标签都需要相同的样式时,这样写大大降低了代码量,并让其他编程人员一眼分辨出来CSS样式。3)链接样式(链入式)在head标签中加入<link href="../css/my.css" type="text/css" rel="stylesheet"/>将CSS文件和html文件分开来放,这样增加了代码的重用性,但是每个浏览器都要单独读取css文件中的样式,比较慢,如果追求速度,内嵌样式会更好。4)导入样式<style type="text/css">@import url("路径名")</style>四种样式的优先级:如果一个页面中四种样式同时存在,这四种都会对标签起作用,但是重复样式的属性值,只有最后一个有效。如果内嵌样式和导入样式放在一起,则内嵌样式起作用。如果内嵌样式和导入样式分成两个style定义,则在CSS样式中的最后一个style起作用。附:css中注释的格式,没有单行注释,所有的注释均是/*注释内容*/