摘要: 案例:通过事件改变元素 代码示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ margin-left: 500px; width: 300px; h 阅读全文
posted @ 2022-04-28 17:08 猪腩飞了天 阅读(1) 评论(0) 推荐(0) 编辑
摘要: JavaScript 1、JS 基本使用 JavaScript基本写法 第一种:在Script标签里写入 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS 基本使用 </title> </head> <b 阅读全文
posted @ 2022-04-28 16:48 猪腩飞了天 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 登录页面 展示效果 代码示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录页面</title> <link rel="stylesheet" href="reset.css"> <style> di 阅读全文
posted @ 2022-04-27 10:07 猪腩飞了天 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 定位 何为定位? 定位就是将元素定在网页中的任意位置 为何用定位? 因为有时候需要对某些元素进行定位 相对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>相对定位</title> <link rel=" 阅读全文
posted @ 2022-04-26 11:37 猪腩飞了天 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 浮动 何为浮动 浮动,其实就是让元素脱离正常的文档流 为何用浮动? 当正常文档布局不能解决的时候,则需要脱离正常文档流 浮动问题 高度塌陷 没浮动 没浮动 A右浮动 A左浮动 ABC左浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" 阅读全文
posted @ 2022-04-26 10:24 猪腩飞了天 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 注册页面 效果展示: 代码示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面</title> <style> /*清空浏览器内外边距*/ *{ /*清空外边距*/ margin: 0; /*清空 阅读全文
posted @ 2022-04-25 11:13 猪腩飞了天 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 仿写小米导航栏 效果展示: 代码示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小米导航栏</title> <style> a{ /*宽*/ width: 230px; /*高*/ height: 4 阅读全文
posted @ 2022-04-25 09:53 猪腩飞了天 阅读(3) 评论(0) 推荐(0) 编辑
摘要: ####大纲: 1、CSS基本使用 CSS是什么? CSS全称Cascading Style Sheets,翻译过来就是层叠样式表,如果说HTML是网页的结构,那么CSS就是网页化妆师。 CSS怎么学? 多敲多练多思考 CSS写在哪里? CSS有三种写法 1、直接写在标签内(内联样式) 代码示例: 阅读全文
posted @ 2022-04-22 18:02 猪腩飞了天 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 效果展示: 代码示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h3>个人信息登记表</h3> <!-- 表格标签--> <table> < 阅读全文
posted @ 2022-04-22 11:34 猪腩飞了天 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 大纲 HTML介绍 网页和网站的区别? 多个网页构成一个网站,网页是构成网站的基本元素,通常由图片(img src)、链接、文字、视频、音频、多媒体等等 如何使用文本打开图片 1、新建txt文本 2、文本编辑 <img src="photo.jpg"> <>标签符号 ​ img 标签名字,图片标签 阅读全文
posted @ 2022-04-20 12:55 猪腩飞了天 阅读(2) 评论(0) 推荐(0) 编辑