CSS的问题!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS的问题!相关的知识,希望对你有一定的参考价值。

<div class="index_xzinfo index_mar color1">
</div>

如上代码 定义了类别选择器。我想后面为什么要用空格分隔开来在写几个是什么意思?

参考技术A 这样写是指一个标签同时指定多个选择器,这样标签会合并选择器中的样式然后再一起显示出来 ,这样写可以减少CSS样式文件,提高浏览速度。 参考技术B 打个比方 index_xzinfo这是一个祖父辈的 index_mar 这个是父辈的 color1 这就是子辈的 可以这样理解 这个div所调用的css样式是 index_xzinfo这个类下面的index_mar这个类 下面的 color1,也就是说调用的必须是这个顺序下面的color1的样式,可能还有这个样式 但是这里就是只能调用祖父辈下面父辈下面的他的样式。。。不懂可以追问追问

那又何必 这样绕弯? 直接搞一个多好

追答

如果你定义的多呢? 如果有一个公用样式都叫做color1 但是你只想改变index_xzinfo index_mar这个样式下面的color1 就要这样写了 就不会影响其他的color1

参考技术C 就是又定义了一个样式 叫index_mar color1
<div class="index_xzinfo index_mar color1">
这个是同时命名2个选择器 一个叫index_xzinfo 另一个叫index_mar color1本回答被提问者采纳

css中负值(px)的问题有啥?

margin取负值之后,例如margin-top:-1px; 元素会从父框架的顶部突出一个像素,如果父框架设置了overflow:visibled的话,这个元素就会看起来显示在父框架外面了,如果取了正值,例如margin-top:1px;元素就是距离父框架的顶部一个像素,会在父框架内显示。

padding取了负值之后是没有任何效果的,浏览器会认为padding:0。如果padding取正值,就是在元素内部填充,这个很好理解。position取了负值之后的效果和margin差不多,只是position通常是应用绝对定位场景的,而margin通常是应用在相对定位场景的,而且position可以定义z轴上的位置关系,但是margin一般是不可以的,两个的区别主要是在这个方面,至于取负值,在视觉上其实没有什么太大的区别。

参考技术A margin取负值之后,例如margin-top:-1px; 元素会从父框架的顶部突出一个像素,如果父框架设置了overflow:visibled的话,这个元素就会看起来显示在父框架外面了~如果取了正值,例如margin-top:1px;元素就是距离父框架的顶部一个像素,会在父框架内显示。

padding取了负值之后是没有任何效果的,浏览器会认为padding:0。如果padding取正值,就是在元素内部填充,这个很好理解,就不解释了。

position取了负值之后的效果和margin差不多,只是position通常是应用绝对定位场景的,而margin通常是应用在相对定位场景的,而且position可以定义z轴上的位置关系,但是margin一般是不可以的,两个的区别主要是在这个方面,至于取负值,在视觉上其实没有什么太大的区别。

以上是关于CSS的问题!的主要内容,如果未能解决你的问题,请参考以下文章

关于css的问题?

css 兼容性问题

css解决图片底部留白问题

css移动端的兼容性问题 (适配问题)

我在做移动端时遇见的css问题

css 选择器问题