关于css的问题

Posted

tags:

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

div#minis a:hover img.big这个选择器代表什么?
主要是这里的a:hover(我知道它是伪类代表指针停留)
如果单单是a:hover和div#minis img.big我知道他们的意思,但是它们合起来我就有点不懂了。

参考技术A div
而img是内联对象,需要在上层使用text-align.这里也就是body内设置.

另外有一个简单的方法,就是将img声明为块元素,使用display设置.

那么,你的img的css样式里加入display:block;就行了.

以下是修改过的两种方式:

1.display

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body
margin:0px;
padding:0px;

img
display:block;
margin:0px auto;

</style>
</head>

<body>
<img src="紫色.jpg" />
</body>
</html>

2,text-align

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body
margin:0px;
padding:0px;
text-align:center;

img
margin:0px auto;

</style>
</head>

<body>
<img src="紫色.jpg" />
</body>
</html>
参考技术B 它的意思是:

所有的div内,id为"minis"的元素里,对class为"big"的图片定义a:hover的样式。本回答被提问者采纳
参考技术C 上面网友的回答解释是正确的,不过,感觉提问的这种写法不正确啊!
伪类下面还有复合使用img.big的吗?嗯,请把具体的源文档部分也发上来让大家看看吧!

一个关于960网格系统框架中text.css的问题

【中文标题】一个关于960网格系统框架中text.css的问题【英文标题】:A question about the text.css in the 960 Grid System Framework 【发布时间】:2011-10-22 05:17:18 【问题描述】:

我目前正在为我的 CSS 项目使用 960 网格系统框架,并且我决定在他们建议的 text.css 文件中工作。我注意到他们建议的字体大小都以像素为单位,使用百分比不是更好吗?为什么你认为它们已经用像素消失了?

如果您在项目中使用 960,您有什么建议?

谢谢

【问题讨论】:

这是个人喜好,如果您决定要使用 % 然后将所有 px 值更改为 % :) 我通常使用px 并没有使用太多%。我想% 的吸引力来自于灵活性。 【参考方案1】:

很奇怪,考虑到可移植性问题,我一直被告知使用 em 作为字体大小。

【讨论】:

【参考方案2】:

您可以使用百分比来定义字体,但它不如使用固定像素规格或流动字体那么精确

font-size:30px; --> 无论如何它总是30px font-size:2em; --> 如果屏幕尺寸增大或减小,它会上下缩放

如果您使用的是固定宽度的列布局,总共有 960 像素,因此名称为 960 网格,那么是的,如果您只使用固定像素大小以确保一切正常,它会更容易。

您应该尝试使用em,因为它非常方便

【讨论】:

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

关于css权值的问题

关于css的问题

关于CSS 自适应问题。

关于CSS居中问题的一些总结

关于我的 CSS 网格中奇怪对象放置的问题

关于css中rem的问题