hc学习平台

 找回密码
 立即注册
搜索
热搜: 活动 交友 javakc
 › 学习交流 › CSS › 描述下列CSS的应用范围
查看: 2204|回复: 0
打印 上一主题 下一主题

描述下列CSS的应用范围

[复制链接]

2249

主题

0

帖子

0

博客

admin

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

跳转到指定楼层
楼主
发表于2014-12-10 15:25:34 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{font-size:14px;width:120px;}

span[class=demo]{color:red;}

table td {font-size:14px;}

#note{font-size:14px;width:120px;}

div.note{font-size:14px;}

0

主题

1181

帖子

2

博客

yjz123456

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-16 12:08:11 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

第一个的范围是整个HTML中所有的td元素标签

第二个的范围是整个HTML中所有的span元素标签

第三个的范围是整个HTML中所有的table元素标签中的td元素标签

第四个的范围是整个HTML中所有的标签中带有id="note"的

第五个的范围是整个HTML中所有的div标签中带有class="note"的

0

主题

180

帖子

2

博客

墨水

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-20 14:08:42 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td:元素选择器,单元格中的字体大小和单元格的宽度;

span:用的类选择器,逻辑区域为红色;

table td:table表格中的单元格字体大小;

#note:id选择器,idname为note的标签的字体大小和宽度;

div.note:类选择器,在div中class=note的标签的字体大小。

 

0

主题

956

帖子

2

博客

aduo

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-25 16:34:22 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

第一行:td表格中的文本

第二行:span块和class为demo的

第三行:table中的td格的文本

第四行:id为note

第五行:div块中的note类标示的

0

主题

1700

帖子

0

博客

song

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 10:36:35 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{font-size:14px;width:120px;}  一个单元格中

span[class=demo]{color:red;}   逻辑信息区域

table td {font-size:14px;}    表格的行中

#note{font-size:14px;width:120px;}  id为note的标签中

div.note{font-size:14px;}  逻辑信息层div class为note的标签中

0

主题

1451

帖子

0

博客

gaoye

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 10:46:30 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{font-size:14px;width:120px;}

元素选择器,html文件中所有td元素都要应用本样式

span[class=demo]{color:red;}

元素选择器,span逻辑域中要应用此样式

table td {font-size:14px;}

元素选择器,表格中的单元格应用此样式

#note{font-size:14px;width:120px;}

ID选择器,id为note的要应用此样式

div.note{font-size:14px;}

元素选择器中的类选择器,表示div逻辑域中选择note类的要应用此样式

0

主题

1510

帖子

0

博客

zhangjialong

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 10:47:55 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
 td{font-size:14px;width:120px;}                  一个单元格中

span[class=demo]{color:red;}                       逻辑信息区域

table td {font-size:14px;}                             表格的行中

#note{font-size:14px;width:120px;}              id为note的标签中

div.note{font-size:14px;}                              逻辑信息层div class为note的标签中

0

主题

1450

帖子

0

博客

Sarbr

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 10:49:24 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
td{font-size:14px;width:120px;}

元素选择器,html文件中所有td元素都要应用本样式

span[class=demo]{color:red;}

元素选择器,span逻辑域中要应用此样式

table td {font-size:14px;}

元素选择器,表格中的单元格应用此样式

#note{font-size:14px;width:120px;}

ID选择器,id为note的要应用此样式

div.note{font-size:14px;}

元素选择器中的类选择器,表示div逻辑域中选择note类的要应用此样式

沙发
发表于2016-08-31 11:12:11 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{font-size:14px;width:120px;}    用于td标签

span[class=demo]{color:red;}      用于span标签

table td {font-size:14px;}             用于table中的td标签

#note{font-size:14px;width:120px;}    用于id为note的标签

div.note{font-size:14px;}             用于div标签中类名为note的标签

0

主题

1576

帖子

0

博客

liufangyuan

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 11:03:37 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
td{font-size:14px;width:120px;}

元素选择器,html文件中所有td元素都要应用本样式

span[class=demo]{color:red;}

元素选择器,span逻辑域中要应用此样式

table td {font-size:14px;}

元素选择器,table元素中的td元素表格中的单元格应用此样式


#note{font-size:14px;width:120px;}

ID选择器,id为note的要应用此样式

div.note{font-size:14px;}

元素选择器中的类选择器,表示div逻辑域中选择note类的要应用此样式

0

主题

1636

帖子

0

博客

renmihe

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 11:43:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{font-size:14px;width:120px;}

元素选择器,html文件中所有td元素都要应用本样式

span[class=demo]{color:red;}

元素选择器,span逻辑域中要应用此样式

table td {font-size:14px;}

元素选择器,表格中的单元格应用此样式

#note{font-size:14px;width:120px;}

ID选择器,id为note的要应用此样式

div.note{font-size:14px;}

元素选择器中的类选择器,表示div逻辑域中选择note类的要应用此样式

0

主题

1402

帖子

0

博客

马鹏磊

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 11:40:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{font-size:14px;width:120px;}  一个单元格中样式

span[class=demo]{color:red;}   逻辑信息区域样式

table td {font-size:14px;}    表格的行中样式

#note{font-size:14px;width:120px;}  id为note的标签中样式

div.note{font-size:14px;}  逻辑信息层div class为note的标签中样式

 

0

主题

1721

帖子

0

博客

XIAOC

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 13:41:39 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{font-size:14px;width:120px;}

html中所有的单元格


span[class=demo]{color:red;}

html中所有的span标签


table td {font-size:14px;}

html中所有的表格中的表格


#note{font-size:14px;width:120px;}

html中ID为note的标签


div.note{font-size:14px;}

div标签并且class为note

WR

0

主题

1674

帖子

0

博客

WR

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-09-01 16:55:51 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td表示表格里的名称选择器

table td标签字的大小是14像素

#表示id选择器

div.note表示div里面的类选择器

span表示使用demo的类的样式

0

主题

1458

帖子

0

博客

梦紫菱0124

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-09-02 13:44:47 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{font-size:14px;width:120px;}

用于设置单元格内字体的大小及宽度

span[class=demo]{color:red;}

设置名为demo的span为红色

table td {font-size:14px;}

所有表格的单元格内字体的样式和大小

#note{font-size:14px;width:120px;}

根据id为note的标签内的字体大小及宽度

div.note{font-size:14px;}

标签div下一个id为note的字体的设置

0

主题

1518

帖子

0

博客

Cracia

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-09-19 14:35:07 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{font-size:14px;width:120px;}在<td></td>标签中使用此样式

span[class=demo]{color:red;}在<span>标签中使用

table td {font-size:14px;}在table标签的<td></td>中使用

#note{font-size:14px;width:120px;}在id为note的标签中使用

div.note{font-size:14px;}在标签为div且类标签为note的标签中使用

0

主题

212

帖子

0

博客

米斯特凯

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-10-25 21:54:17 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{fon-size:14px;width:120px;}:设置的是页面中一个td单元格中的字体样式

span[class = demo]{colr:red}:设置span引入样式,颜色为红

table td {font-size:14px;}:设置一个表格中所有单元格的样式

#note{font-size:14px;width:120px;}:id选择器,可以全局引用

div.note{font-size:14px;}:设置的是一个div区域的字体样式

0

主题

695

帖子

0

博客

365427879

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-10-28 15:35:29 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

类型选择符。        以文档语言对象(Element)类型作为选择符。

td{font-size:14px;width:120px;}


属性选择器    /* 所有具有title属性的h对象 */

span[class=demo] { color: red; }


包含选择符   包含选择符。选择所有被 E1 包含的 E2 。即 E1.contains(E2)==true 。

table td { font-size:14px; }


ID选择符。   以文档目录树(DOM)中作为对象的唯一标识符的 ID 作为选择符。

#note { font-size:14px; width:120px;}

类选择符。在HTML中可以使用此种选择符。

div.note{font-size:14px;}











0

主题

397

帖子

0

博客

xue1994

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-02-09 17:54:24 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{font-size:14px;width:120px;}  td元素

span[class=demo]{color:red;} class为demo的span元素

table td {font-size:14px;}  table下的子元素td

#note{font-size:14px;width:120px;}  id为note

div.note{font-size:14px;} div下所有类名为note的子元素

0

主题

168

帖子

9

博客

zhang159

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-06-01 11:23:21 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

第一个td里面编辑画面

第二个td里面编辑画面

id为note里面的编辑画面

0

主题

1902

帖子

0

博客

王之神判

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-08-11 10:26:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

名字为td的标签

span中调用demo类选择器

table中的td标签

id为note的标签

div标签和note类选择器


0

主题

1932

帖子

0

博客

740317431

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-08-11 11:02:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td 元素选择器  修饰所有的td元素

span 元素选择器 修饰所有的span元素

table td 层次选择器  修饰table 下的td元素

#note id选择器 修饰所有id为note的元素

div .note 层次选择器 修饰div下调用note选择器的元素

0

主题

1694

帖子

0

博客

wulinan

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-08-15 20:12:20 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{font-size:14px;width:120px;}元素选择器,所有td元素

span[class=demo]{color:red;}所有span元素

table td {font-size:14px;}层次选择器,table下的td元素

#note{font-size:14px;width:120px;}id选择器,id为#note

div.note{font-size:14px;}复合选择器满足div和.note的元素

 

 

 

0

主题

997

帖子

0

博客

lijiaxing

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-09-18 13:56:34 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{font-size:14px;width:120px;}  对于文档中所有td标签

span[class=demo]{color:red;}      对于文档中所有span标签中class属性为demo的

table td {font-size:14px;}            对于table标签下的所有td标签

#note{font-size:14px;width:120px;} 对于id为note的标签

div.note{font-size:14px;}            对于所有div标签中 class属性为 note的

0

主题

298

帖子

0

博客

moon110

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2019-07-22 14:52:45 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

td{font-size:14px;width:120px;}

    表格中所有列宽度,列内元素文本字体大小

span[class=demo]{color:red;}

    span标签class属性为demo的,颜色设置为红

table td {font-size:14px;}

    表格所有列,字体14px

#note{font-size:14px;width:120px;}

    id为note的标签

div.note{font-size:14px;}

    div 标签内子级元素id为note的元素

0

主题

982

帖子

0

博客

m1359292934

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2019-08-28 09:09:15 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

修改文字

修改span里面的字体格式

修改表格

修改div块



站点统计|举报|Archiver|手机版|小黑屋|Comsenz Inc.

GMT+8, , Processed in 0.195171 second(s), 9 queries .

Powered by javakc! X1.0

© 2004-2014 javakc

f1208.com 备案号:京ICP备14030918号-1

返回顶部