css到底能做哪些东西，朋友面试时，面试官问他，css怎样实现这样的功能，听我细细道来

发布网友发布时间：2022-04-06 12:06

共4个回答

热心网友时间：2022-04-06 13:35

在页面显示的过程中，有很多的样式作用在页面元素上，这些样式来自不同的地方。浏览器自己有默认的样式，网页作者有自己写的样式，用户也可能有自己的样式，但是最终显示的样式是其中之一，它们之间产生了冲突，CSS通过一个称为层叠（cascade）的过程处理这种冲突。层叠给每个规则分配一个重要度：作者的样式表被认为是最重要的，其次是用户的样式表，最后是浏览器或用户代理使用的默认样式表。为了让用户有更多的控制能力，可以通过将任何规则指定为!important来提高它的重要度，让它优先于任何规则，甚至优先于作者加上!important标志的规则。因此，层叠采用以下重要度次序：标为!important的用户样式>标为!important的作者样式>作者样式>用户样式>浏览器/用户代理应用的样式。然后，根据选择器的特殊性决定规则的次序。具有更特殊选择器的规则优先于具有比较一般的选择器的规则。如果两个规则的特殊性相同，那么后定义的规则优先。由此可见，层叠是指不同的优先级的构成的层的叠加。

热心网友时间：2022-04-06 14:53

CSS全程叫层级样式表，顾名思义和样式有关，也就是说，CSS只负责样式或可说外观，与内容无关。尽管某些特殊的情况下，CSS也可以生成内容，但不具有普遍性。业界认可的网页结构就是内容+结构(HTML)+表现(CSS)+行为(JavaScript)，你说的那种情况，图片列表，图片的数量和内容不能用CSS更改，但CSS可以控制隐藏/显示，以及布局、尺寸、位置等等这些都是CSS的能力范围。你说的不同浏览器有不同的表现，那是兼容问题，和CSS本身无关。

参考资料：http://www.feng.me/

热心网友时间：2022-04-06 16:28

可以的。判断浏览器加载不同的css样式。

热心网友时间：2022-04-06 18:19

最简单的方法是针对2个浏览器写hank
{ display:block;} 针对IE浏览器显示第六条数据追问能说的再具体点吗？我现在一头雾水

追答

index

.six { display:none; display:block\9; }

1
2
3
4
5
6

这个虽然不实用，但是用来回答问题完全OK