關於CSS的display:inline-block;....

zx2309826223

zx2309826223
個人積分：31分
文章編號：23522521

31分

樓主

2010-10-31 15:10

小弟目前嘗試學習CSS，我發現我的內容區塊沒有用display:inline-block;把它包住他會呈現下圖！

關於CSS的display:inline-block;....

包住就正常如下圖，不知道為什麼會這樣子呢?

關於CSS的display:inline-block;....

還有個疑問就是！
CSS是不是沒有貼圖參數只有背景貼圖參數呢??
如果是的話

background:#DADADA url('./image/motogphome.jpg') no-repeat 10px ;

紅色處我上網找CSS語法時候沒看過這段說....是新的寫法還是怎樣呀...然後再no-repeat 後面的10px
用意是什麼呢??反覆測試他供用好像類似留白功能...可是我上網找也沒有找到語法中有這種寫法的....

2010-10-31 15:10 發佈

文章關鍵字 css display:inline-block

wezmag

wezmag
個人積分：549分
文章編號：23530789

549分

2樓

2010-10-31 23:23

zx2309826223 wrote:
background:#DADADA url('./image/motogphome.jpg') no-repeat 10px ; ...(恕刪)

上面的語法是將background-color, background-image, background-repeat 跟 background-position 寫在一起而已

至於CSS是不是沒有貼圖參數只有背景貼圖參數呢??

我只能說，如果那張圖是有意義的，或是文章的一部分，請用< img >記得加上alt的屬性
如果只是插圖，背景圖等，就使用CSS

至於第一個inline-block，我很少使用，所以無法提供意見

zx2309826223

zx2309826223
個人積分：31分
文章編號：23543650

31分

樓主

2010-11-01 15:03

不好意思！這邊不太懂

請用#記得加上alt的屬性
如果只是插圖，背景圖等，就使用CSS

CSS的參數本身就有提供縮寫了嗎??

可否請教CSS的盒子概念呢?我看一些概論看的不是很了解....

就是邊界和留白這兩個！邊界控制DIV位置?然後留白是控制邊界裡面內容的位置?這樣對嗎 = =?

如果說要把CSS網站寫的支援一些瀏覽器的話，在寫法上是說在後面再補齊功能一樣的參數??不了解怎寫成支援....

比如:文字置中....我就參數裡面寫用邊界的或是文字本身置中，然後讓各瀏覽器去解讀可以解讀的到的?因而達到支援?這概念對嗎 = =?

以上再次麻煩~

wezmag

wezmag
個人積分：549分
文章編號：23574855

549分

4樓

2010-11-02 20:36

zx2309826223 wrote:
不好意思！這邊不太懂...(恕刪)

其實那個#是< img > 只是Mobile01網站幫我自動換成#了

另外，margin跟padding並不是只有控制div而已

它可以控制幾乎所有的html tag

margin基本上就是該元素與其他元素之間的距離

padding則是包在元素裡面的子元素，與該元素border的距離

我想舉例，但是找不到好的例子@@"
↓↓↓↓↓↓↓

這裡面的文字跟旁邊虛線的border距離就是用padding來設定的。這裡面的文字跟旁邊虛線的border距離就是用padding來設定的。這裡面的文字跟旁邊虛線的border距離就是用padding來設定的。這裡面的文字跟旁邊虛線的border距離就是用padding來設定的。這裡面的文字跟旁邊虛線的border距離就是用padding來設定的。這裡面的文字跟旁邊虛線的border距離就是用padding來設定的。這裡面的文字跟旁邊虛線的border距離就是用padding來設定的。這裡面的文字跟旁邊虛線的border距離就是用padding來設定的。這裡面的文字跟旁邊虛線的border距離就是用padding來設定的。

這一個框框跟上面那一個框框中間的距離就是用margin來控制的。這一個框框跟上面那一個框框中間的距離就是用margin來控制的。這一個框框跟上面那一個框框中間的距離就是用margin來控制的。這一個框框跟上面那一個框框中間的距離就是用margin來控制的。這一個框框跟上面那一個框框中間的距離就是用margin來控制的。這一個框框跟上面那一個框框中間的距離就是用margin來控制的。這一個框框跟上面那一個框框中間的距離就是用margin來控制的。

至於你說瀏覽器相容性的問題

基本上你的 html 跟 css 有符合W3C標準之後，就可以相容大多數的瀏覽器了

而少數的瀏覽器，例如IE6可以在透過CSS hack的方式來處理

CSS教學網站，我比較推薦這個

CSS 語法教學

再來就是多練習跟經驗了