html网页清楚内外边距
生活随笔
收集整理的這篇文章主要介紹了
html网页清楚内外边距
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
網頁元素很多都帶有默認的內外邊距,而且不同瀏覽器默認的也不一樣,因此我們在布局前,首先要清除下網頁元素的內外邊距。
* {padding: 0px;margin: 0px;}注意:行內元素為了照顧兼容性,盡量只設置左右內外邊距,不用設置上下內外邊距。但是轉換為塊級元素和行內塊元素就可以了。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>清除內外邊距</title><style>* {padding: 0px;margin: 0px;}span {background-color: pink;margin: 20px;}</style></head><body><div>abcd</div><ul><li>123</li></ul><span>行內元素盡量只設置左右的內外邊距</span></body></html>?
總結
以上是生活随笔為你收集整理的html网页清楚内外边距的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 使用递归遍历树状结构数据
- 下一篇: 图像的傅里叶变换 java_图像傅里叶变