高度和寬度內聯屬性HTML/CSS

我在關注本教程http://www.w3schools.com/css/tryit.asp?filename=trycss_float_elements。高度和寬度內聯屬性HTML/CSS

爲什麼他們指定高度和寬度inline當所有圖片設置爲在上面的CSS中顯示爲110px x 90px？

2014-02-11 user3247608

可能重複的[HTML和CSS的寬度屬性有什麼區別？]（http://stackoverflow.com/questions/20742675/whats-the-difference-between-htmls-and-csss-width-attribute） - 我只是意識到已經有很多問題被問到這個例子。 – BoltClock

另一個可能的重複是在這裏..and good anwser .. http://stackoverflow.com/a/640232/3222041 – newTag

它應該被內聯定義。如果您使用的是img標籤，那麼該圖像應該對內容具有語義價值，這就是驗證所需的alt屬性的原因。更多解釋答案在這裏..（類似問題） https://stackoverflow.com/a/640232/3222041

來源

2014-02-11 05:22:25 newTag

內聯屬性根據繼承規則覆蓋上述類中聲明的屬性。因此，如果您不要/忘記指定內聯屬性，則類thumbnail中指定的屬性將接管。

來源

2014-02-11 05:23:03 nsane

基本上，內聯樣式有更多的pririoty。在你的情況下，類縮略圖具有默認

height:90px 
width:110px

而且每個圖像具有不同的內聯的高度和寬度，這將過度乘坐樣式值。

<img class="thumbnail" src="klematis_small.jpg" width="107" height="90"> 
<img class="thumbnail" src="klematis4_small.jpg" width="120" height="90">

P.S：鏈接到W3Schools的高度應在這裏皺起了眉頭。檢查w3fools.com

來源

2014-02-11 05:24:56

好吧，這只是一個教程，也不會影響太大，如果你刪除內嵌的高度和寬度也許你應該避免內聯樣式，這些天，但在某些罕見的情況下（就像當你的電子郵件模板，有些電子郵件客戶端不允許使用多數網絡郵件客戶端的樣式，但它們被大多數網絡郵件客戶端刪除。）

但我不這麼認爲，故意忘記它，並且如果可能的話使用嵌入式和外部樣式表：）

來源

2014-02-11 05:29:26

你應該有一個指定圖像尺寸的CSS類。在該教程中，內聯維度是多餘的。圖像呈現完全一樣，沒有內聯寬度和高度。

但是，如果有一種情況，您想用不同的維度覆蓋css類維度，那麼您可以使用內聯樣式，因爲它們將覆蓋css樣式。

舉一個例子：假設你有一個90x110的圖像，但你想在他們的頁面上顯示它們爲45x55。您可以爲它們使用內聯樣式，或者您可以創建另一個類來指定該維度。

來源

2014-02-11 05:36:16 kheya

高度和寬度內聯屬性HTML/CSS

回答

相關問題