原创 CSS類名命名規則

CSS樣式命名說明網頁公共命名#wrapper頁面外圍控制整體佈局寬度#container或#content容器,用於最外層#layout佈局#head, #header頁頭部分#foot, #footer頁腳部分#nav主導航#subn

原创 CSS3選擇器:nth-child和:nth-of-type之間的差異

nth-child nth-of-type

原创 CSS3屬性transform詳解

在CSS3中,可以利用transform功能來實現文字或圖像的旋轉、縮放、傾斜、移動這四種類型的變形處理一.旋轉 rotate用法:transform: rotate(45deg);共一個參數“角度”,單位deg爲度的意思,正數爲順時針旋

原创 box-shadow和text-shadow的比較

一、box-shadow box-shadow: h-shadow v-shadow blur spread color inset; box-shadow: apx bpx cpx rgba(0, 0, 0, 0.5); h-sh

原创 CSS文檔流與塊級元素(block)、內聯元素(inline)

CSS文檔流與塊級元素(block)、內聯元素(inline) 文檔流:將窗體自上而下分成一行行, 並在每行中按從左至右的順序排放元素,即爲文檔流。 每個非浮動塊級元素都獨佔一行, 浮動元素則按規定浮在行的一端。 若當前行容不下,

原创 CSS定位和居中

一圖勝千言absolute 元素的定位是上溯父級元素,找第一個不是 static 的元素,以其爲 absolute 的基準。所以題目補充說明裏的說法是不準確的。實際上如果父級元素是絕對定位,則裏面的絕對定位自動以此父級元素定位如果父級元素

原创 認識viewport

我們可以通過一個簡單的例子推翻這種說法:將根元素html的高度設置爲超過viewport高度,如5000px(假設viewport高度爲500px),再將一個沒有最近的非static祖先元素的絕對定位元素的bottom設置爲0,尺寸爲

原创 CSS使圖片居中的三種方法

1.利用display:table-cell,具體代碼如下: html代碼如下: 1 <div class="img_wrap"> 2   <img src="wgs.jpg"> 3 </div> css代碼如下: 1 .img

原创 清除浮動的三種方法

1.什麼時候需要清除浮動?清除浮動有哪些方法?(1)對元素進行了浮動(float)後,該元素就會脫離文檔流,浮動在文檔之上。在CSS中,任何元素都可以浮動。浮動元素會生成一個塊級框,而不論它本身是何種元素。float主要流行與頁面佈局,然

原创 ul,li無法撐開div的問題

問題: ul,li添加了浮動的情況下,就會導致即使內容超過了div自身的高度也無法把div撐開,高度爲0 原因: 在一個區塊內的元素被應用了float之後,那麼整個box的高度對就不以被浮動對象的高度爲標準了 解決的辦法: 1.在父容

原创 addClass、removeClass、toggleClass三者的區別

.addClass(“className”)方法是用來給指定元素增加類名,也就是說給指定的元素追加樣式; .removeClass(“className”)方法是用來給指定的元素移除類名,也就是說給指定元素移除樣式; .toggleCla

原创 a:link,a:visited,a:hover,a:active

link:連接平常的狀態 visited:連接被訪問過之後 hover:鼠標放到連接上的時候 active:連接被按下的時候  正確順序: lvha(驢哈)

原创 就今天給body設置寬高並設置背景顏色的疑問和理解

問題:在給body設置了1000px的寬度並且設置了紅色爲背景顏色,紅色覆蓋了整個頁面而不是隻覆蓋1000px的寬度網上找到的說法是這樣的下面驗證一下這個想法首先創建好一個基本的html文件,設body的背景色爲red效果如下接着,向bo

原创 error: failed to push some refs to git的解決辦法

本地創建了版本庫,github上面也創建了倉庫,但是在本地使用push,pull命令都沒有用,提示錯誤錯誤代碼:$ git push -u origin masterTo github.com:wangqh7812/Demo.git !

原创 CSS裏面水平垂直居中的問題

一:概念   介紹一下行內元素和塊級元素,這個很重要,因爲有的屬性只能用於塊元素,而有的正好相反,在一定的情況下,它們也可以相互轉換,比如用display來進行設置。 1.行內元素(又叫內聯元素inline element):     (