CSS(Cascading Style Sheets)是一種用于網頁設計的語言,它可以控制網頁的樣式和格式。這里我們要探討的就是網頁中常用的兩種元素類型:行元素和塊元素。
行元素是指那些默認情況下只占據一行,不會獨占一個區域的元素,比如a、span、img等。行元素的特點是其寬度由其內容撐開,無法指定寬度和高度,而且不支持margin-top和margin-bottom屬性,但可以設置margin-left和margin-right屬性。
/*示例代碼*/ a{ color: red; text-decoration: none; } span{ font-weight: bold; font-size: 1.2em; } img{ border: 1px solid black; }
塊元素則是指那些默認情況下會獨占一行或獨占一塊區域(可以換行),比如div、p、h1等。塊元素的特點是其寬度和高度可以通過CSS控制,而且支持所有的margin和padding屬性。
/*示例代碼*/ div{ width: 300px; height: 200px; margin: 10px auto; background-color: lightblue; } p{ color: white; font-size: 1.5em; text-align: center; } h1{ font-size: 3em; margin-bottom: 20px; }
在使用CSS時,行元素和塊元素的差別非常重要。當我們在網頁中需要控制文本的格式,比如加粗、改變文字大小等,就可以使用行元素。而如果我們需要控制一個模塊的排版,比如設置模塊的寬高、顏色等,就需要使用塊元素。
下一篇css行為反饋