面向面试准备、在线测试、教程与实战练习的学习平台

通过聚焦学习路径、模拟测试和面试实战内容持续提升技能。

WithoutBook 将分主题面试题、在线练习测试、教程和对比指南整合到一个响应式学习空间中。

搜索资源库

面试准备

CSS 面试题与答案

Test your skills through the online practice test: CSS Quiz Online Practice Test

问题 26. Can I include comments in my Style Sheet?

Yes. Comments can be written anywhere where whitespace is allowed and are treated as white space themselves. Anything written between /* and */ is treated as a comment (white space). NOTE: Comments cannot be nested.

这有帮助吗？是否添加评论查看评论

问题 27. What is the difference between ID and CLASS?

ID identifies and sets style to one and only one occurrence of an element while class can be attached to any number of elements. By singling out one occurrence of an element the unique value can be declared to said element.

CSS
#eva1 {background: red; color: white}
.eva2 {background: red; color: white}

HTML - ID
Paragraph 1 - ONLY THIS occurrence of the element P (or single occurrence of some other element) can be identified as eva1
Paragraph 2 - This occurrence of the element P CANNOT be identified as eva1

HTML - CLASS
Paragraph 1 - This occurrence of the element P can be classified as eva2
Paragraph 2 - And so can this, as well as occurrences of any other element,

这有帮助吗？是否添加评论查看评论

问题 28. How to make text-links without underline?

a:link, a:visited {text-decoration: none}

or

...will show the links without underlining. However, suppressing the underlining of links isn't a very smart idea as most people are used to having them underlined. Also, such links are not spotted unless someone coincidentally runs a mouse over them. If, for whatever reason, links without underline are required background and foreground colors can be instead declared to them so that they can be distinguished from other text, e.g.;

a:link, a:visited {text-decoration: none; background: red; color: blue}

or

Both background and foreground colors should be specified as the property that is not specified can be overridden by user's own settings.

这有帮助吗？是否添加评论查看评论

问题 29. How do you make a tool tip that appears on hover?

The most simple way is to use the 'title' attribute like this...

HTML
like this

CSS
a.tooltip {
position:relative;
cursor:help;
}
a.tooltip span {
display: none;
position:absolute;
top:1.5em;
left:0;
width:15em;
padding:0 2px;
}
a.tooltip:hover {
display:inline;
}
a.tooltip:hover span {
display:block;
border:1px solid gray;
background-color:white;
}

HTML

<a class="tooltip" href="#n">Karl Marx-info goes here-</a>

Without this part... a.tooltip:hover {
display:inline;
}

..it won't work in IE.

The "#n" in the link is to prevent the page from jumping to the top if the link is clicked. The "href" part is necessary as it won't work in IE without it.

这有帮助吗？是否添加评论查看评论

问题 30. Which characters can CSS-names contain?

The CSS-names; names of selectors, classes and IDs can contain characters a-z, A-Z, digits 0-9, period, hyphen, escaped characters, Unicode characters 161-255, as well as any Unicode character as a numeric code. The names cannot start with a dash or a digit. (Note: in HTML the value of the CLASS attribute can contain more characters).

这有帮助吗？是否添加评论查看评论

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

用户评价最有帮助的内容：

通过聚焦学习路径、模拟测试和面试实战内容持续提升技能。

CSS 面试题与答案

相关差异对比

问题 26. Can I include comments in my Style Sheet?

问题 27. What is the difference between ID and CLASS?

问题 28. How to make text-links without underline?

问题 29. How do you make a tool tip that appears on hover?

问题 30. Which characters can CSS-names contain?

WithoutBook