css教程菜鸟（菜鸟求助,有关CSS的若干问题,CSS高手进）

本文目录

• 菜鸟求助,有关CSS的若干问题,CSS高手进
• 菜鸟请教CSS的问题，谢谢
• 50分菜鸟求3句简单CSS代码，高手帮忙
• 菜鸟请教这段css样式问题
• 菜鸟请问css高手，这几条语句什么意思
• css盒子模型及盒子模型的类型
• 本人菜鸟一枚，请教大神一个关于CSS中ID和类选择器不能用，而标签选择器能用的问题

菜鸟求助,有关CSS的若干问题,CSS高手进

问：有阴影的图片,如上图中的那个banner块和菜单,可以纵向切成三块吗?左边阴影一个DIV,中间图片一个,右边阴影一个,这样可取吗?怎么定位呢?把三个小块放进一个大块里?

答：楼主的目的是想要内容(如banner+menu+content)在屏幕中间显示,而两边的空余显示背景阴影是吧（如下图效果）？

如果这样的话，可以在最外层设个id为outter的div背景设为所需的阴影背景。内容全部放在一个id为mainContent的div放置所有内容,给他一定的宽度(如950px)，设置margin:0 auto。这样一来内容就自然居中了。只在banner中设置相应的背景就行了，所需的两边的阴影自然在两侧了。还有，一般都是根据布局需要来制作图片的，也就是说像这样的阴影等效果是考虑在整体背景中的，如果是为了图片来布局，这样真的很崩溃。

问：还是有阴影的图片,div3这样切割可取吗?还是按色块分?

答：如果为了顶起位置来放置背景图片，这样和table中的透明图片顶位一样了，就失去了div+css的意义。如果问题一达到了您想要的效果，我相信这个应该也解决了。

问：div3，div4合并成一个div,用1px高的横背景纵向平铺可以吗?

答：是否能合并是看内容来的，如果div3只是为了背景，完全可以去掉。

问：中间我要放一个竖线,我用的是div,一般用什么方法?

答：如果竖线是为了分割sidebar和content(边栏和主体内容框)，并没什么实际意义。可以设置sidebar的“border-right:solid 2px black”来实现。

问：div3,div4,div5,div6的背景图是不是高度要一致?

答：既然用了repeat-y背景高度是否一致就取决于div高度了。

6，怎么让div3,div4,div5,div6随着内容的高度的增长自适应还保持平行?

答：可以在这几个div外部再定义一个大的div来控制。当然还可用脚本控制。

菜鸟请教CSS的问题，谢谢

固定底部的话 那要设置 bottom: 0; position: fixed; width: 宽度; z-index: 100;margin:0 auto;
图片相对于显示器居中的话 那就设置一个图片宽度 和margin:0 auto;
固定顶部 也类似 你可以自己研究试试

50分菜鸟求3句简单CSS代码，高手帮忙

怎么会找不到呢？
DW中，页面属性(Ctrl+J)啊，左侧第一项中，右侧就有背景颜色，背景图像。
之后你应该知道怎么办吧。
还有，一楼，人家提问者说的：随着分辨率自动放大或缩小，是正确的啊，如果分辨率都变了，图片大小不变，那就是硬件问题了吧？
提问者说的意思应该是浏览器的大小吧，如果是重复的背景图片，看上去当然像是缩小放大的动作。
还有就是提问者，你问的问题比较模糊，你想我们写出你给出图片的代码还是什么？
在CSS文件中
body{background-color:blue;}你所给图片的，也就是网页的背景色。
无语了，看你问的问题，往下讲你也不能明白。
还是不明白的话，百度Hi能联系到我，或者站内消息
***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》Show you《/title》
《style type="text/css"》
《!--
*{padding:0; margin:0;}
body{background:blue;}
#mainbox-grounding{margin:0 auto;width:980px; background:white;}
.mainbox{margin:0 2%;background:gray; height:999px;/*这个高度是为了你看到效果,你可以删除*/}
--》
《/style》
《/head》
《body》
《div id="mainbox-grounding"》
《div class="mainbox"》页面内容《/div》
《/div》
《/body》
《/html》

菜鸟请教这段css样式问题

• 每一行的前半部分逗号之前是鼠标划过的样式，后面是默认的样式。

• 这么长的一串全都是类名，效果只有一个，就是字体颜色变白。

• 不知道他为什么写这么麻烦，我也懒得说太多了，给你简单的介绍一下好了
  根据这种样式名写法可以推断出div的嵌套关系如下：
  《div class="group_goods_item"》
  《div class="group_goods_info"》
  《div class="group_goods_price"》内容《/div》
  《/div》
  《/div》
  样式.group_goods_item .group_goods_info .group_goods_price这种写法最终只是作用于.group_goods_price的这个div；
  而.group_goods_item:hover .group_goods_info .group_goods_price也只是鼠标触发状态下.group_goods_price所属div的样式而已
  你注意看一下样式名后面有逗号“，” 逗号的作用就相当于“和”，通俗举例：
  .group_goods_item,.group_goods_item_hover{样式}
  表示group_goods_item和group_goods_item_hover都使用这个样式了
  而你所发的图感觉太乱了，或者说是太过繁琐了，一般是没必要这么写的

菜鸟请问css高手，这几条语句什么意思

link:连接平常的状态
active:连接被按下的时候
visited:连接被访问过之后
hover:鼠标放到连接上的时候
:hover版本：CSS1/CSS2 兼容性：IE4+ NS4+
语法：
Selector : hover { sRules }
说明：
设置对象在其鼠标悬停时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性（特性）的a对象，此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。
目前IE5.5+仅支持CSS1中的:hover。

:active版本：CSS1/CSS2 兼容性：IE4+
语法：
Selector : active { sRules }
说明：
设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性（特性）的a对象，此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。
目前IE5.5+仅支持CSS1中的:active。

:link版本：CSS1 兼容性：IE4+ NS4+
语法：
Selector : link { sRules }
说明：
设置a对象在未被访问前的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。
对于无href属性（特性）的a对象，此伪类不发生作用。

:visited版本：CSS1 兼容性：IE4+ NS4+
语法：
Selector : visited { sRules }
说明：
设置a对象在其链接地址已被访问过时的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用。
对于无href属性（特性）的a对象，此伪类不发生作用。

css盒子模型及盒子模型的类型

转自 菜鸟教程

所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。

CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括： 边距（外边距） ， 边框 ， 填充（内边距） ，和 实际内容 。

盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。

下面的图片说明了盒子模型(Box Model)：

转自 链接
盒子模型有两种，分别是W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)

1.标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。
2.标准盒模型下盒子的大小 = content + border + padding + margin

1.怪异盒模型中的width指的是内容、边框、内边距总的宽度（content + border + padding）；height指的是内容、边框、内边距总的高度
2.怪异盒模型下盒子的大小=width（content + border + padding） + margin

建议不要给元素添加具有指定宽度的内边距，而是尝试将内边距或外边距添加到元素的父元素和子元素。

即box-sizing属性可以指定盒子模型种类，content-box指定盒子模型为W3C（标准盒模型），border-box为IE盒子模型（怪异盒模型）。

本人菜鸟一枚，请教大神一个关于CSS中ID和类选择器不能用，而标签选择器能用的问题

《style type="text/css"》
@import url(template/default/style.css);
《/style》
首先，非常不提倡这样的引入方法，直接用 LINK 标签不就行了么……
第二，如果HTML页面的代码没有什么问题，比如标签闭合问题、引号问题、甚至还有编码问题。如果这些问题都没有，那就检查一下CSS代码，同样要检查，括号闭合问题、引号问题、编码问题等……
如果不行的话，你就在HTML页面里，手写一个只唯一定义 #header 的属性看看效果呗。