关于css的问题
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于css的问题相关的知识,希望对你有一定的参考价值。
div#minis a:hover img.big这个选择器代表什么?
主要是这里的a:hover(我知道它是伪类代表指针停留)
如果单单是a:hover和div#minis img.big我知道他们的意思,但是它们合起来我就有点不懂了。
而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的问题的主要内容,如果未能解决你的问题,请参考以下文章