随笔分类 -  案例

摘要:注 : 此处内容较多, 只显示代码, 具体讲解看注释. 具体参考 "黑马 pink老师" https://www.bilibili.com/video/BV1Sy4y1C7ha?p=328&spm_id_from=pageDriver 文件夹结构 html 结构 <!DOCTYPE html> <h 阅读全文
posted @ 2022-04-16 20:27 会前端的洋 阅读(450) 评论(1) 推荐(0) 编辑
摘要:复制代码, 需要更改用户输入时间 . 直接可用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal 阅读全文
posted @ 2022-04-13 11:15 会前端的洋 阅读(51) 评论(0) 推荐(0) 编辑
摘要:代码示例 : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt 阅读全文
posted @ 2022-04-11 09:46 会前端的洋 阅读(89) 评论(0) 推荐(0) 编辑
摘要:注 : 本文章主要写功能 代码示例 : <body> <input type="checkbox" id="che" /><br> <input type="checkbox" id="" /> <input type="checkbox" id="" /> <input type="checkbo 阅读全文
posted @ 2022-04-11 09:03 会前端的洋 阅读(106) 评论(0) 推荐(0) 编辑
摘要:代码示例 : <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> // 1. 获取所有按钮元素 var btns = doc 阅读全文
posted @ 2022-04-10 09:59 会前端的洋 阅读(82) 评论(0) 推荐(0) 编辑
摘要:1. js 代码 // 弹出一个输入框(prompt),让用户输入出生年份 (用户输入) // 把用户输入的值用变量保存起来,然后用今年的年份减去变量值,结果就是现在的年龄 (程序内部处理) // 弹出警示框(alert) , 把计算的结果输出 (输出结果) var year = prompt('请 阅读全文
posted @ 2022-03-31 10:29 会前端的洋 阅读(84) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-29 15:49 会前端的洋 阅读(32) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-27 18:28 会前端的洋 阅读(37) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-27 11:45 会前端的洋 阅读(31) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-27 10:14 会前端的洋 阅读(36) 评论(0) 推荐(0) 编辑
摘要:1. html <div class="menu-wrap"> <input type="checkbox" class="toggler"> <div class="hamburger"><div></div></div> <div class="menu"> <div> <ul> <li><a 阅读全文
posted @ 2022-03-27 09:37 会前端的洋 阅读(781) 评论(0) 推荐(0) 编辑
摘要:1. html结构 <div class="menu-wrap"> <input type="checkbox" class="toggler"> <div class="hamburger"><div></div></div> <div class="menu"> <div> <ul> <li>< 阅读全文
posted @ 2022-03-27 09:18 会前端的洋 阅读(1583) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 20:36 会前端的洋 阅读(86) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 13:43 会前端的洋 阅读(38) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <section id="contact"> <div class="contact-form bg-primary p-2"> <h2 class="m-heading">Contact Us</h2> <p>如有疑问请填写以下信息联系我们!</p> <form> <div 阅读全文
posted @ 2022-03-25 18:30 会前端的洋 阅读(83) 评论(0) 推荐(0) 编辑
摘要:1. html 的结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-25 14:59 会前端的洋 阅读(96) 评论(0) 推荐(0) 编辑
摘要:1. html 部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-25 08:42 会前端的洋 阅读(808) 评论(0) 推荐(0) 编辑
摘要:1. html 页面结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport 阅读全文
posted @ 2022-03-24 16:45 会前端的洋 阅读(82) 评论(0) 推荐(0) 编辑
摘要:1. 字体图标库 (1). 搜索网址: http://www.fontawesome.com.cn/ (2). 下载最新版本的解压包 把文件夹 fonts 和 css 文件夹里 font-awesome.min.css 引入到项目里面 (3). 点击网址的 图标库 搜索需要的图标 2. body的内 阅读全文
posted @ 2022-03-24 15:37 会前端的洋 阅读(53) 评论(0) 推荐(0) 编辑
摘要:1. body 里的html结构 (1) <div id="showcase"> <div class="container"> <div class="showcase-content"> <h1>欢迎来到<span class="text-pranime">铄洋在线</span></h1> <p 阅读全文
posted @ 2022-03-24 14:54 会前端的洋 阅读(44) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示