① 請問一下 div css 文件保存的位置是有哪些的,比較背景圖應該保存在哪個指定的位置 方框應該指定哪個文件夾
這個貌似沒有什麼明確的要求,只不過放到文件夾里方便而且也有利於項目的規范.通常是把一些同類型的文件放到規定文件夾,並且文件夾用英文命名.你仔細看一下下載的一些網頁就知道啦
② div+css圖片位置問題
這個應該是IE的一個BUG吧,<span><img src="" /></span>類似這種東西的,別在代碼里有回車之類的,就是保持這些代碼在一行里
③ css如何使div背景圖片填充
css使div背景圖片填充的具體操作步驟如下:
1、我們首先打開前端開發工具,新建一個html代碼頁面。
④ CSS+DIV 圖片位置
//與外邊框的距離
<imgsrc="file:///F|/gk_hy.gif"style="margin:15px00130px;"/>
//與內邊框的距離
<imgsrc="file:///F|/gk_hy.gif"style="padding:15px00130px;"/>
⑤ div css里怎麼讓一個圖片在任意位置,比如靠居中在偏下,
讓一個圖片在div任意位置,可以使用絕對定位的方式。如下示例代碼:
<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width,initial-scale=1">
<title>測試頁面</title>
</head>
<body>
<styletype="text/css">
.test-box{width:300px;height:260px;margin:0pxauto;position:relative;border:1pxsolid#333;}
.test-boximg{position:absolute;bottom:10px;left:50%;margin-left:-60px;border:0;}
</style>
<divclass="test-box">
<imgsrc="https://www..com/img/_jgylogo3.gif?v=31680756.gif">
</div>
</body>
</html>
示例中做了一個寬為300px,高為260px像素的容器,其中圖片通過絕對定位,控制其位於容器的水平居中,容器底部的位置。bottom:10px;控制圖片距離底部10px,left:50%、margin-left:-60px;控制圖片水平居中。其中的margin-left的值根據圖片寬度變化,為負的二分之一圖片寬度。
最終效果如下圖:
⑥ div+css,圖片怎麼設置在DIV中垂直居中
div+css,圖片設置在DIV中垂直居中:
方法一:
思路:利用text-align屬性將圖片水平居中,然後設置padding-top的值使其垂直居中。
結構如下:
<div>
<img src="images/tt.gif" width="150" height="100" />
</div>
CSS樣式如下:
div {width:300px; height:150px; background-color:#CCC; border:#000 1px solid; text-align:center; padding-top:50px;}
釋義:
圖片的尺寸為150x100px,DIV的大小為300x200px;
background-color:#CCC; border:#000 1px solid;為DIV加個邊框和背景色,便於觀察效果。
text-align:center,實現圖片的水平居中;padding-top:50px,50px這個數值是經過計算得到的,padding-top的值具體演算法如下:(DIV的高度 – 圖片的高度)/2,但這里要注意,根據盒模型原理,我們還要將DIV原來的高度200減去padding-top的值,這樣顯示的才是正確的,否則DIV會變高。
方法二:
思路:只用padding屬性,通過計算求得居中
結構代碼同上;
CSS樣式如下:
div {width:225px; height:150px; background-color:#eee; border:#000 1px solid; padding-top:50px; padding-left:75px;}
備註:這里DIV的寬高計算都遵循盒模型原理,計算方法同上。
方法三:
思路:
利用圖片的margin屬性將圖片水平居中,利用DIV的padding屬性將圖片垂直居中。
結構代碼同上;
CSS代碼如下:
div {width:300px; height:150px; background-color:#eee; padding-top:50px; border:#000 1px solid;}
img {display:block; margin:0 auto;}
備註:
Img是內聯元素,要設置其margin屬性使其居中,就要將其轉換為塊元素display:block;然後利用margin:0 auto;實現圖片的水平居中;(有的設計師為圖片再加個div標簽,然後通過div標簽的margin實現居中
⑦ 怎麼用CSS設置圖片的位置。
用Css設置圖片的位置的話:
1.通過position的絕對定位,然後在通過left和top就可以設置你的圖片位置了;代碼如下
<div style='position:absolut; left:0px; top:0px'>
<img src='圖片地址'>
</div>
2.通過div+css的布局來實現給定一個包裹圖片的div默認位置就行,代碼如下
<div>
<div style='flaot:left; width:330px; height:200px;'>
<p>我是左邊的</p>
</div>
<div style='flaot:left; width:330px; height:200px;'>
<img src='圖片地址'>
</div>
</div>
⑧ 在div+css中如何正確的去用背景圖和圖片
背景圖片是可以重復的,一個大背景如果顏色單一的話就可以用一張很小的圖片做出來 ,載入的肯定少了,要是用一張大圖做北京的話那肯定就載入的大了,圖片的話,如果是網站建設的圖片(非網站內容展示圖片)的話,大圖片(如banner)一定要剪裁來添加,不然整張圖片太大的話載入很慢,載入出來都要個4-5秒 ,用戶的體驗肯定不好了。
⑨ 在網頁裡面怎麼用div+css讓圖片和文字在一行呢
<div
style="
background-image:url(您的圖片位置)">
<div>這里添加logo
(用css控制就可以了)</div>
<div>這里可以添加文字了!如果需要的話可以吧文字放在一個容器里,並用css控制它的位置。</div>
</div>
這個我調試過了
在所有瀏覽器上都沒有問題的!