摘要:
案例 通过用户输入值修改盒子样式 代码示例: <!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> < 阅读全文