我最喜歡的一段話是這麼說的,我們今天的生活由昨天的選擇決定的,我們今天的選擇決定我們明天的生活。所以,少年,為了明天的生活,奮鬥吧!
這是最近寫靜態頁面遇到的一些問題以及解決方法。
1.div 的hover顯示邊框會向右下方移動的問題
現在的網頁上經常會需要把滑鼠移動到上顯示邊框的效果,但是因為標準盒模型下div的margin,border,padding,content是向外渲染的,所以當滑鼠移動到上方時,想要在本來沒有邊框的上顯示邊框,很正常的就會出現邊框顯示後被擠下來了。要解決這個問題可以有兩種方法。
第一種方法是對一開始便設定乙個與背景顏色相同的邊框,這樣在hover效果的時候,只需要改變的顏色即可。這樣使用者在使用的時候就不會感覺突兀,不舒服了。
.div1
.div1
:hover
style>
第二種方法就是在第乙個放至的div上方再放置乙個div2,div2的大小設定為第乙個div不加邊框的寬度,並利用position將第二個div的z-index設定為2,給第二個div設定乙個hover效果,這樣使用者在將滑鼠移動到上時,div2就會顯示邊框,但因為div2加上邊框之後的寬度正好等於第乙個div,就會看起來正好是邊框壓在了第乙個div上,使用者體驗就會看起來比較舒服。
.div1
.div2
.div2
:hover
HTML5 CSS學習心得
不說廢話,直接上菜,花了兩天時間看了看這兩個的東西,雖然之前也有涉獵,但是說真的,這兩天我彷彿看透了很多.說真的,乙個個去記憶每個元素的用法真的是蠢爆了,這個大家都知道.大家也知道實踐出真理的道理,但是如果在開會,不能實踐的話該怎麼辦呢?好了說重點.h5就是html,這是一門一直延伸的語言,或者說語...
HTML5 CSS基礎學習筆記
border 1px solid 000 邊框 1畫素 實線 黑色 字型大小 font size 100 10px 文字水平居中 text align center 居中對齊 line height height ls樣式 list style none none不使用專案符號 disc實心圓,預設...
Html(5)CSS樣式入門
css全稱為 層疊樣式表 cascading style sheets 它主要是用於定義html內容在瀏覽器內的顯示樣式,如文字大小 顏色 字型加粗等。慕課網,超酷的網際網路 it技術免費學習平台,創新的網路一站式學習 實踐體驗 服務及時貼心 內容專業 有趣易學 專注服務網際網路工程師快速成為技術高...