原创 HTML+CSS製作二級菜單欄
今天我們來練習一下二級菜單欄，說實話比較簡單，但是自己一個人寫的時候錯誤百出，邏輯混亂，於是乎網上找了幾個案例，借鑑了一下思路，才整明白，鄙人確實不才，哈哈！ 效果圖附上： 首先：我已鏈接了外部樣式重置，所以無需自己親自寫： res
2020-07-03 08:43:20
原创 使用css實現單選框/複選框特效
系統默認的單選按鈕和多選按鈕總是不符合我們對審美的要求，爲了優化用戶體驗與視覺效果，我們往往會做出一些好看的單選/多選按鈕，步驟超詳細，資源圖片免費分享： 效果圖： 思路： 首先去掉系統默認的按鈕樣式，然後自己設置新的樣式，可用背景
2020-07-03 08:43:20
2
原创 “絕對定位”和 “固定定位” 下的居中【解決辦法】
在常規流中，居中有好幾種辦法，但是一旦使用了絕對定位和固定定位之後，脫離了文檔流，就無法居中了，針對此問題，以下爲解決辦法！ ## 定位下的居中(常規流塊盒) 1. 定寬（高），定了寬高之後，將左右上下距離設置爲0，將左右上下marg
2020-07-03 08:43:20
原创 js初級【偶數求和實戰】
輸入一個數，該數大於1，且計算1到該數之間的所有偶數之和！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>sum</title> <st
2020-06-02 09:02:41
原创 Sublime Text 下載與安裝全過程！！
sublime text 官網：http://www.sublimetext.com/ 1. 下載，點擊：DOWNLOAD FOR WINDOWS （蘋果和Windows都點擊這個，這是個跨平臺軟件，會自動綁定操作系統） 2. 安裝：
2020-06-02 09:02:40
原创 常見的【三欄佈局】的三種方法！
說到三欄佈局，常見的有三種： 1. 浮動三欄佈局 2. 絕對定位三欄佈局 3. 彈性三欄佈局 那麼，這三種各有什麼區別及優缺點呢？ 1. 浮動：優點：會帶來高度塌陷的問題，需要清除浮動！缺點：兼容性好，簡單！ 2. 絕對定位： 優點：方便
2020-06-02 09:02:40
原创 HTML+CSS實現二級導航欄
今天，我們來做一個二級導航欄！用純CSS+HTML來實現！ 首先，效果圖附上： 爲了方便理解，我們來分段做解析： 一：寫出基本框架 HTML: <ul class="menu"> <li><a href="#">首
2020-04-13 16:20:24
11
原创 如何給網站添加icon圖標？
例如，當我們瀏覽淘寶網的時候，頁面標籤上會不會有個淘寶圖標？ 那麼，該圖標是如何添加上去的呢？ 方法一：把圖片命名爲favicon, 圖片必須放在根目錄下，瀏覽器檢測到後會自動使用該圖標作爲網站icon 一、把圖標放在網站根目
2020-03-15 21:31:20
原创 怎樣讓背景色覆蓋border邊框線？
今天寫頁面的時候出了一點點小問題，發現我設置的背景色與邊框色顏色不一致，於是上網查了一下，竟然忘記了有個屬性就可以實現讓背景色覆蓋邊框線的問題！ background-clip 屬性規定背景的繪製區域。 語法：background-
2020-03-10 09:33:38
2
原创 使用css實現單選框/複選框
系統默認的單選按鈕和多選按鈕總是不符合我們對審美的要求，爲了優化用戶體驗與視覺效果，我們往往會做出一些好看的單選/多選按鈕，步驟超詳細，資源圖片免費分享： 效果圖： 思路： 首先去掉系統默認的按鈕樣式，然後自己設置新的樣式，可用背景
2020-03-10 09:33:38
原创 塊盒垂直居中
想要塊盒垂直居中： 總結一下： 1. 定寬高; 2. 絕對定位; 3. 左外邊距爲高度一半; 4. 上外邊距爲寬度一半; 寫一個div: <div></div> 然後定寬高，設置爲絕對定位，讓它相對於瀏覽器視口， 距離上有50%的
2020-03-08 18:55:58
原创 如何html+css寫網站的logo部分？
網站logo，一般放在h1標籤裏，背景圖片爲Logo, 但是考慮到seo，網站名稱也要寫上的，但是網站logo一般只有一個圖片，文字部分是不會被顯示的，今天我們來看看怎麼做吧！ 方法一： 首先寫好HTML結構： html部分： <h1>
2020-03-07 19:50:43
原创 純CSS+HTML實現【單選/多選按鈕】美化特效
看到網上有很多漂亮的按鈕，其中大多摻雜js來實現，今天我們來做一個純CSS+HTML實現的單選按鈕，讓菜鳥小白也能輕鬆做出來！ 首先附上最後的效果圖：(忽略我追星的膚淺！) 一、 首先，我們寫基本代碼： 我們寫4個div分別在裏
2020-02-23 03:57:20
原创 如何改變hr水平線的顏色
改變hr水平線的顏色： 1. hr的高度(height)不能是0； 2. border設爲none; 3. 使用background-color: 來控制水平線的顏色； 示例代碼： 將水平線設爲紅色： hr { border
2020-02-23 03:57:20
原创 css居中總結
css裏有好幾種居中的方式，今天來詳解一下各個居中辦法，以及在什麼情況下該用哪種居中方式，我將詳細的一一道來！ 一、 行盒、行塊盒水平居中（不含塊盒） 行級標籤的特點： <1>不能對其設置寬高 。 <2> 不獨佔一行。 例如：<a>
2020-02-23 03:57:20