原创 跟着B站大佬學習系列之HTML+CSS製作圖片懸浮效果
首先上效果圖： HTML <div class="image middle"> <img src="img/yyqx.jpg" alt="易烊千璽"> <div class="image-content"> <h1>易烊
2020-06-29 08:32:27
4
原创 HTML+CSS聚光燈效果動畫
首先上效果圖： HTML <body> <h1>Hello,World!</h1> </body> CSS 1、首先讓h1垂直居中滿屏顯示 *{ margin: 0; padding: 0; font-size: 16
2020-06-29 08:32:27
5
原创 前端常見筆試題二
HTML、CSS部分 1.行內元素有哪些？塊級元素有哪些？ 行內元素：a、span、b、em、strong… 塊級元素： div、ul、ol、p、h1-h6、table、from… 2.css選擇符有哪些？哪些屬性可以繼承？優先級
2020-06-29 08:32:27
原创 CSS+HTML+插件製作響應式相冊
magnific-popup magnific-popup.js下載地址 首先介紹一下使用到的一個插件：magnific-popup 使用方法：在head中引入.js文件和.css文件 <script src="https://c
2020-03-25 06:39:01
原创 前端常見筆試題一
1、垂直居中顯示 <body> <div class="box"></div> </body> 1. 已知盒子box寬高（200px） .box{ width: 200px; height: 200px; backgro
2020-03-19 03:44:31
原创 CSS初體驗2
css中元素分類 塊狀元素： div、ul、ol、p、h、table、form 特點：獨佔一行 可以設置寬高、如果不設置寬度、默認是父標籤的100%寬度 行內元素： a、span、em、strong、label 特點：在一行內顯示
2020-02-20 21:49:02
原创 css初體驗
一、css的三種引用方式 css的樣式： 由選擇符和聲明構成 元素選擇符span{ 聲明：屬性名和屬性值 } 1、行內式又稱內聯式 在body標籤中 <!-- 行內式 --> <body> <!-- 行內式 --> <p s
2020-02-20 21:49:02
原创 隨機獲取小練習
1、隨機獲取數 //獲取min-max之間的整數 function showNum(min,max){ var numInt=Math.floor(Math.random()*(max-min)+min); return
2020-02-20 21:49:02
原创 JavaScript基礎
JavaScript入門 一、如何引入js文件 1、內部引入 <script type="text/javascript"> //編寫js代碼 ... </script> 2、外部引入 src屬性中寫引入的js文件 <scr
2020-02-20 21:49:02
原创 HTML標籤
目錄概述1、HTML常用標籤1、h1--h6 一般用來寫標題2、p標籤 段落標籤，呈現段落格式3、strong標籤與em標籤；都是強調文本的作用4、單閉合標籤（單個存在）5、列表標籤5.1無序列表5.2有序標籤5.3、定義標籤6
2020-02-20 21:49:02
原创 使用HTML+CSS製作加載動畫
簡單的頁面加載動畫 html部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>加載動畫</title> <link rel="style
2020-02-20 21:49:02
原创 BOM的小知識
彈出框：alert()|confrim()|prompt()方法 1、alert（） alert("我是一個彈窗"); 2、confirm（） var a=confirm("你確定要離開網站嗎？"); console.log(a)
2020-02-20 21:49:02