|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 關于css盒模型中的內邊距padding屬性的詳細介紹,還有新手常犯的一個錯誤,內邊距padding屬性真的能寫入負值。這個答案在文章的最后,現在就讓我們一起來看這篇文章吧首先我們介紹的是第一個問題: css中的padding屬性可以為負值嗎?這個答案很容易,我們先不介紹,在文章最后有關于內邊距padding屬性的負值使用解釋。 現在我們看看css中padding屬性的用法: padding :簡寫屬性在一個聲明中設置所有內邊距屬性(auto/length長度值/%)
這算是padding的介紹了,我們來看個實例具體的了解一下: <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網</title>
<style type="text/css">
table{padding-top:20px;padding-right:50px;padding-bottom:100px;padding-left:20px;border:double;}
</style>
</head>
<body>
<table width="200px"; height="150px">
<tr><td>123</td><td>456</td></tr>
<tr><td>789</td><td>987</td></tr>
</table>
</body>
</html>上面的代碼把四個屬性都寫上去了,雖然很亂,但是我們還是要看看代碼的在瀏覽器中的顯示效果:
(想看更多CSS樣式推薦到PHP中文網css使用手冊欄目學習) 效果是不是很明顯,我們來看看這個的代碼解釋:
說完了這些,現在再來看看如果把一個寫負值會怎么樣呢? <style type="text/css">
table{padding-top:20px;padding-right:50px;padding-bottom:-300px;padding-left:20px;border:double;}
</style>來個夸張一點的,來個負三百的值,大家來看看效果:
測試過后,發現效果幾乎沒有,只是相當于把padding-bottom屬性取消掉是一樣的。 由此可知,css中的padding是不能有負值出現的,出現的話就相當于把那個屬性給取消了。 好了,以上就是關于css樣式中padding用法介紹的文章了,想學更多就到PHP中文網css學習手冊欄目中學習。有問題的同學可以在下方提問。 【小編推薦】 HTML a標簽如何讓鼠標懸停變色,css控制a標簽鼠標懸停樣式詳解 css表格怎么添加邊框樣式?css表格邊框樣式總結(附完整實例) 以上就是css中的padding屬性可以為負值嗎?css中padding屬性的詳解的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!