CSS中我們通常會使用類似于以下代碼來為一個元素設置寬高:
.selector{ width:100px; height:50px; }
這個時候,我們可以清晰地看到,我們為一個類名為.selector的元素設置了寬100px,高50px。但是,如果我們沒有給這個元素設置一個類名,而是直接在HTML中寫入樣式,該怎么設定寬高呢?
這個時候,我們可以采取一種比較簡單的方法,通過style屬性為元素直接定義樣式:
<div style="width:100px;height:50px;">這是一個無序號div標簽</div>
可以發現,我們直接在HTML標簽中寫入了style屬性,為該元素定義了寬100px,高50px的樣式。這個時候,這個元素的寬高就已經被定義了。
需要注意的是,這種方式雖然簡單,但是樣式與HTML混在一起的方式也被認為是不太符合代碼規范的,因此在實際開發中,我們仍然建議盡可能地將樣式統一定義在CSS文件中。
下一篇css無寬高居中