网站的很多小图标有是放在一张大图里,然后通过CSS定位,请问下是怎么找到那个图标的位置,用什么软件?

html-css07

网站的很多小图标有是放在一张大图里,然后通过CSS定位,请问下是怎么找到那个图标的位置,用什么软件?,第1张

你说的是背景图标啊,这个有点不太好说,比如:

你一个div的类是

.star{ width:20pxheight:20px}

另外一个图片里面有好多图标,有星星,有房子,有交通标志不类的。你的意思是想让这个图里面某个图标在star这个div里面显示。

就可以给star再加个样式。

.star{ width:20pxheight:20pxbackground:url(../images/right_titlebg1_03.jpg) no-repeat 0px 0px}

你可以一直调后面的两个坐标的位置,直到能看到那个图为址。

再不清楚的话加好友问我。

可以采用css中的position来实现决定定位。

1、代码实例如下:

<html>

<head>

<style type="text/css">

p.one

{

position:fixed

left:5px

top:5px

}

p.two

{

position:fixed

top:30px

right:5px

}

</style>

</head>

<body>

<p class="one">一些文本。</p>

<p class="two">更多的文本。</p>

</body>

</html>

此实例是相对于浏览器边框进行的定位。

2、补充相关知识

bsolute  

生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed  

生成绝对定位的元素,相对于浏览器窗口进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative  

生成相对定位的元素,相对于其正常位置进行定位。

因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

static    默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。  

inherit    规定应该从父元素继承 position 属性的值。  

定位方案有四种:静态定位、相对定位、绝对定位和固定定位。你可以使用CSS 3中的「position」属性来决定要使用的定位方式。

在这四种方案中,静态和相对定位不会影响整个文档的布局,而绝对和固定定位会与文档分开,因此页面不会为这两种类型的定位元素保留空间。 在默认状态下,所有元素都是静态放置的,即元素从上到下以及从左到右的顺序排列。

只要为元素设置了“ position”属性,就可以使用“ top”,“ right”,“ bottom”和“ left”属性精确定义其位置。

扩展资料:

相对定位中的“top”,“right”,“bottom”和“left”用于设置距元素原始位置的偏移量,但是绝对定位的四个属性不同。

在绝对定位中,“top”是指所定位元素上方的外部边界与容纳块上方的内部边界之间的距离。 换句话说,已定位元素的边距和包含块的边界将影响top的值,进而影响绝对定位元素的位置,但包含块的填充将不起作用。

在相对定位中,“top”是指被定位元素上方的外边界与其原始位置的上边缘之间的距离。“bottom”的含义类似于“top”,是指定位元素下方的外部边界与容纳块下方的内部边界之间的距离,“left”和“right”也是如此。