原创 CSS序號選擇器

不區分類型: :first-child; 選中同級別中的第一個標籤 :last-child; 選中同級別中的最後一個標籤 :nth-last-child(n); 選中同級別中倒數第n個標籤 :nth-child(n); 選中同級別中的第

原创 子元素和父元素相鄰的垂直外邊距(margin),子元素的外邊距(margin)會傳遞到父元素上

解決方法如下幾種 第一:在父元素下加入table元素 <table></table> 第二:給父級添加clearfix的類名,使用before僞類清楚浮動 clearfix:before{ content: ''; d

原创 使用hover僞類選擇器顯示圖片

Html代碼: <div class="scan"> <div class="scanp"> <img src="images/qrcode.png" alt=""> <div class="t"></div> </div>

原创 inline-block標籤元素不可以使用margin: 0 auto;

margin: 0 auto; 原意用於水平居中對齊,所以必須要得到自身的寬度才能定下自身在父級中居中的位置(此寬度必須爲確切數值,默認爲0),由於inline-block元素是塊級元素,所以自己本身的寬度取決於內容本身的寬度,但是這個

原创 關於CSS小三角的實現,小三角邊框的實現,IE6下CSS小三角非透明的情況

原理: 1、盒子有高度情況下邊框的樣式 代碼: .inside{ width: 20px; height: 20px; border-width: 10px; border-style: solid;

原创 CSS中解決高度塌陷(打開BFC)的問題

在div中使用float時,經常會碰到父級標籤高度塌陷的問題,這個時候我們就需要打開父級標籤的BFC模式來解決高度塌陷的問題。 解決高度塌陷有以下三種方法: 第一: 在父級標籤的CSS中加入以下代碼 overflow: hidden;

原创 visibility和display隱藏的區別

Visibility中的hideen屬性雖然會隱藏內容,但是空間位置仍然存在 Display中的none屬性不僅會隱藏內容,連空間位置都會隱藏掉

原创 Mac下Mysql+Brew+Wordpress+php一日遊

完整使用Wordpress需要以下幾個工具: Brew指令、Mysql數據庫、數據庫管理工具、Wordpress安裝包、Wordpress模板 Brew的指令是用來安裝Mysql數據庫 具體步驟如下: 1、終端輸入以下代碼安裝Brew

原创 關於網頁佈局多種實現方式的選擇性

其實在前端的佈局過程中經常會碰到同一個樣式可以有很多種實現方法的。 在初期的時候也非常糾結於跟着視頻教程裏面的來寫,後來發現也不一定。 但是在寫了幾個小的靜態網頁,經過自己總結之後得到以下幾個小tip: 1、儘量簡潔網頁成分構造    

原创 CSS中含有特定文字的選擇器

[class^="text"]{ } 選中所有以text爲開頭類名的選擇器 [class*="text"]{ } 選中所有含text爲類名的選擇器  

原创 關於a標籤點擊Focus狀態下背景顏色區域不夠的問題

想要點擊a標籤之後改變背景顏色的參數,但是發現背景顏色只改變了很小的一部分: 原代碼如下: header ul{ display: inline-block; } header li{ float: left; padding:

原创 在PHP增刪改查裏面遇到的SUBMIT表單之後的文件跳轉問題

在使用HTML表單的時候遇到了“submit”行爲之後不知道怎麼解決文件跳轉的問題。 經過一段時間的百度,有說用if語句的,有說用js語句。     https://zhidao.baidu.com/question/582548050

原创 初入PHP-PHP的入門自學

初入PHP-PHP的入門自學     本身斷斷續續看了一段時間PHP的語法,之後又從各方面瞭解到,PHPer多多少少需要了解一些前端必須瞭解的知識點,於是斗膽向着這方面去了。 因爲之前自學過很多東西,編曲混音之類的,所以很清楚一個好的入門

原创 關於Img與Span標籤基準線無法對齊的情況

出現以上情況 Img標籤下CSS添加 Vertical-align:  middle;