2「style」inline css img標籤？

Question

我有以下標籤

<img src="http://img705.imageshack.us/img705/119/original120x75.png"style="height:100px;" 
style="width:100px;" alt="25"/> 

我已經放了兩個傾斜CSS命令在

style="width:100px;" 
style="height:100px;" 

出於某種原因，畫面上有100px的高度，但沒有寬度。 我認爲這是因爲你不能在同一個標​​籤中的一行中寫出其中的兩個。 如果這是真的，有沒有辦法分配高度和寬度？ 我已經在外部CSS上指定了不同的圖片大小，我認爲您不能在外部CSS的div標記屬性中添加img屬性。 感謝

Answer 1

你並不需要2樣式屬性 - 只需使用一個：

<img src="http://img705.imageshack.us/img705/119/original120x75.png" 
            style="height:100px;width:100px;" alt="25"/> 

考慮，然而，使用CSS類，而不是：

CSS：

.100pxSquare 
{ 
    width: 100px; 
    height: 100px; 
} 

HTML ：

<img src="http://img705.imageshack.us/img705/119/original120x75.png" 
              class="100pxSquare" alt="25"/> 

Answer 2

請勿使用多個樣式屬性。 style屬性中的單獨樣式與; 這是一個嵌入式CSS塊，因此可以這麼想，因爲您會在單獨的樣式表中執行CSS。

因此，在這種情況下，它的： style="height:100px;width:100px;"

您可以使用此對任何CSS樣式，所以如果你想要的文字顏色更改爲白色： style="height:100px;width:100px;color:#ffffff"等。

但是，值得謹慎使用內聯CSS，因爲它可以使代碼在未來不易管理。使用外部樣式表可能是更好的選擇。這取決於你的要求。內聯CSS確實可以加快編碼速度。

Answer 3

你應該使用：

<img src="http://img705.imageshack.us/img705/119/original120x75.png" style="height:100px;width:100px;" alt="25"/> 

這應該工作！

如果你想創建類，然後：

.size { 
width:100px; 
height:100px; 
} 

，然後應用它，如：通過創建可以在多個地方使用它的一類

<img src="http://img705.imageshack.us/img705/119/original120x75.png" class="size" alt="25"/> 

。

如果你只想在一個地方使用，然後使用內聯CSS。 另外內聯CSS覆蓋其他CSS。

Answer 4

如果使用內聯CSS使用

<img src="http://img705.imageshack.us/img705/119/original120x75.png" style="height:100px;width:100px;" alt="705"/> 

否則，你可以使用一個單獨的css文件相關的類屬性（樣式您的網站）像 在CSS文件

.imgSize {height:100px;width:100px;} 

在HTML文件

<img src="http://img705.imageshack.us/img705/119/original120x75.png" style="height:100px;width:100px;" alt="705"/>