摘要：
案例 通过用户输入值修改盒子样式 代码示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>通过输入值修改盒子样式</title> <style> *{ margin: 0; padding: 0; } d 阅读全文
摘要：
案例：通过事件改变元素 代码示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ margin-left: 500px; width: 300px; h 阅读全文
摘要：
JavaScript 大纲 1、JS 基本使用 JavaScript基本写法 第一种：在Script标签里写入 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS 基本使用 </title> </head> 阅读全文
摘要：
登录页面 展示效果 代码示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录页面</title> <link rel="stylesheet" href="reset.css"> <style> di 阅读全文
摘要：
大纲 定位 何为定位？ 定位就是将元素定在网页中的任意位置 为何用定位？ 因为有时候需要对某些元素进行定位 相对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>相对定位</title> <link re 阅读全文
摘要：
浮动 何为浮动 浮动，其实就是让元素脱离正常的文档流 为何用浮动？ 当正常文档布局不能解决的时候，则需要脱离正常文档流 浮动问题 高度塌陷 没浮动 没浮动 A右浮动 A左浮动 ABC左浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" 阅读全文
摘要：
注册页面 效果展示： 代码示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面</title> <style> /*清空浏览器内外边距*/ *{ /*清空外边距*/ margin: 0; /*清空 阅读全文
摘要：
仿写小米导航栏 效果展示： 代码示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小米导航栏</title> <style> a{ /*宽*/ width: 230px; /*高*/ height: 4 阅读全文
摘要：
####大纲： 1、CSS基本使用 CSS是什么？ CSS全称Cascading Style Sheets，翻译过来就是层叠样式表，如果说HTML是网页的结构，那么CSS就是网页化妆师。 CSS怎么学？ 多敲多练多思考 CSS写在哪里？ CSS有三种写法 1、直接写在标签内（内联样式） 代码示例： 阅读全文
摘要：
效果展示： 代码示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h3>个人信息登记表</h3> <!-- 表格标签--> <table> < 阅读全文