导航:首页 > 万维百科 > 网页设计id选择符

网页设计id选择符

发布时间:2020-10-28 16:59:27

1、网页设计中标签选择器,类选择器,ID选择器,组合选择器区别在哪里?

class 是类选择器
id 是id选择器
都是在css定义类名的时候用到,原则上都可以用,但是一般用类选择器,用id可能与后台程序id类重名

2、css中使用id选择器,#A B #C{ ......} 是什么意思

#A B #C,
该多级选择器指代 #A包含B,B包含#C.

按照规范的话,该选择器 选择符是很冗余的,因为声明ID名称在整个页面中唯一,
#A B #C将等于#C的样式,换句话说#A B #C完全可以写成#C,然后定义C的样式.

多级选择器适用于局部选择,不合其他非匹配元素冲突.

多级选择器作用域只作用于最后一个匹配的选择符,#A B #C这里匹配#C,而前面的#A B只是为了选择到#C,不会影响#A和B的样式

分组选择器会影响各个组的样式:
#A B #C,#D E{
}
这样的,#C和E将获到相同样式.

3、在网页制作中,CSS样式的ID选择器和Class选择器使用过程中有什么限制吗?

一、ID与CLASS的使用原则

据说W3C对于ID与CLASS的设定是ID具有唯一性,CLASS具有普遍性。所以我们这里的使用原则也是依据这一特性建立的。

ID是不能重复的,所以在XHTML的结构中,大结构一定是用ID。比如标志、导航、主体内容、版权。这些呢接我自己制定的规范命名为#logo , #nav , #content , #copyright 这些是雷打不动的命名。有人说布局排版用ID,配色背景用CLASS,其实这是不正确的,ID与布局排版没有直接关系,CLASS与配色也不是对等的。有人呢为了麻烦全都用ID或是全都用CLASS,全都用CLASS呢还有可理解,全都用ID就不正常了,这有悖ID唯一性。如果每个ID都不一样,那非累死不可。我通过实践总结的使用原则是:ID需要具有唯一性,并且尽量在外围使用。而CLASS具有可重复性,并且尽量在结构内部使用。这样做的好处是有利于网站代码的后期维护与修改,这样的做法就会让所有的CLASS都成为ID的子级或是孙级。

你可以有两个儿子但你能有两个爸爸吗,就是这个道理。在我们写CSS的时候可以写成这样 #father .child {…} 尽量不要让Class包含ID,.father #child {…}如果写成这样显得有点可笑 。当然这也不是铁定的,特殊情况需要特殊对待嘛。但是通常情况下这种形式的必要性不大。

以上就是ID与CLASS使用原则,归总起来一句话:ID是唯一的并是父级的,CLASS是可以重复的并是子级的。

二、ID与CLASS的使用技巧

1、子级的命名的包含父命名中的部分为开头。这样方便在编写CSS时明确层次关系。

2、CLASS中的子级最好不用ID。当然特殊情况特殊对待。

3、CLASS的命名最好命名用大小写合用。例 .newMovie 这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的浏览器对于大小写是很敏感的。还有就是一定要以字母开头。

其实上面讲的都是一些大家都明白的内容,只是我捡了个漏先写下来算是一个总结。希望大家对于ID与CLASS的使用提出自己的新观点新思路。一起总结出最适合也最有效率的规范来。

4、css的id选择器怎么使用

每个页面的id选择上是唯一的
通过#选择器可以选取指定id的元素

5、在CSS 中属于ID 选择符的是( )?????????????

选择 C
A中 . 选择符是 类 样式
B 是标签选择符
C # 是ID选择符
D 也是标签选择符 :link 为定义超链接的各个状态的样式。 还有这几个设置的是超链接样式
a:link 链接未点击上去时候
a:visited 链接已经点击过的
a:hover 鼠标放在链接上未点击
a:active 是介于hover visited 之间的一个状态,可以说是链接被按下时候的状态

6、ID选择符和类别选择符有什么区别

ID:ID选择符
定义单独、独一无二的元素标识,比如导航条、logo等。

Class:类别选择符
定义常用、相同、类似的元素标识,比如文字、段落布局有多段文字的样式相同,那么这时候,好比如“百度知道”上面的“新闻”、“网页”……那一行文字就是相同的样式

7、关于网页设计里的三种基本选择器和三种复合选择器分别是什么?举例下~

1.标记选择器主要应用在HTML页中的标记样式选择。如P选择器就用于声明网页中有P标记的文本内容,同理,H1选择器则可以标记页面中H1的样式。例如:H1 { font-size:14px;font-weight:bold;color:#ccc;}以上代码表示在所有应用H1选择器的地方,将文字的大小设为14像素并加粗,同时将颜色设为灰色,如果要改变H1的颜色,只需将color属性更改就可以了,比如将color设为#e7eefe来与网页的其他地方协调。2.类别选择器这是一类最常用的选择器,用它来定义网页中需要特殊表现的样式,类别选择器的名称可以由作者自由定义,一般来讲类别选择器的命名最好有一定的意义,使CSS代码更易维护和阅读。例如定义导航就可以使用.hang{}或者是.nav{},不要使用简略或者特殊的字符串,否则可能三天后当你再读你的CSS代码时,就连你自己都搞不清一个样式到底是做什么用的!类别选择器就是CSS类,在HTML表现为调用的class。例如:(1)style.css文件中定义.title { margin:10px;padding:2px 5px;}(2)HTML文件中<p class="title"></p>在上述定义中,p标签将引用CSS文件中的title样式应用到整个p覆盖的范围。p将显示为一个上下左右margin各为10px,上下padding为2px,左右padding为5px的矩形。请注意类别选择器CSS定义和标记选择器的区别:在CSS文件中,标记选择器前边没有"."号,下面我们还会讲到ID选择器,它的定义也不一样,每个ID选择器样式前有一个"#"号,以确定其为ID选择器,而在HTML中则用ID="style"引用。值得注意的是,一个标签可以同时应用多个class选择器,如<h3 class="style1 style2"></h3>,具体大家可以在下边思考并做下实验,笔者在这就不举例了。3.ID选择器(1)ID选择器用法和class基本没有区别,他们的不同之处就在于ID选择器只能在HTML页中使用一次,而class则可以任意多次调用,在CSS文件中,ID 选择器一般写成#idname { bgcolor:#339;font-size:16px;}如果一个ID应用于多个HTML标记,则有可能造成IE编译错误,并且由于ID选择器可以被JAVASCRIPT等调用,所以多个ID会导致JAVA编译错误并崩溃!(2)HTML的引用在HTML中引用ID选择器的代码如下所示:<div id="name"></div>并且ID选择器不能像类别选择器那样同时被一个标签调用。这也是完全错误的语法。 复合选择器就是基本选择器通过不同的链接方式构成的。复合选择器就是两个或多个基本选择器,通过不同方式链接而成的选择器。

8、网页设计中选择符作用在于定义CSS的名称,以便引用。在CSS中主要哪些选择符?

因为低版本IE浏览器的存在(不支持部分选择器),所以能用到的并不多。
常用的有:
标签选择器:p{...}(可以是任何标签,这里拿p标签举例)
id选择器:#id{...}
类选择器:.class{...}
父子选择器:.class p{...} 或者 #id .class p{...}(等等)

还有许多选择器器,你可以百度“CSS选择器”来看看详细的解释。

9、如何在css中用ID选择符定义第一个字为红色

用css的伪类:first-letter,代表第一个文字。

#ID:first-letter{color:red}

10、Internet网页设计CSS问题。在线等。 1、在选择符练习中练习了各种选择符,请简要阐述一下标签选择符、ID选

1.
document.getElementById - id selector
document.getElementsByName - name selector
document.getElementsByTagname - tag name selector

2.
{range selector} a { style... }
{another range selector} a { style... }

3.
put all css codes in outer css file so that u can easily maintain them

4.
<body style="text-align: center">
<div style="float: left;"></div>
<div style="float: left;"></div>
<!-- <div style="float: left;"></div> -->
</body>

5.
{ overflow: auto; } or { overflow: hidden }

与网页设计id选择符相关的知识