HTML+CSS+JS
HTM+CSS+JS
Xq_23
23考研,所以没时间更新代码了~
展开
-
CSS定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!--position: relative; 相对定位--><!--position: absolute; 相对于浏览器定位--> <style> div{ margin: 10px;原创 2021-07-17 19:23:38 · 70 阅读 · 0 评论 -
CSS圆角
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>边框</title> <style> div{ width: 50px; height: 50px; border: 10px solid green;原创 2021-07-17 19:22:28 · 71 阅读 · 0 评论 -
CSS文本样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文本</title> <style>h1{ color: rgba(0,255,255,0.9); text-align: center;}.p1{ text-indent: 2em;}.p3{ background: #原创 2021-07-17 19:22:03 · 67 阅读 · 0 评论 -
CSS中的Display
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>display</title><!--block 块inline 行内inline-block 是块,但可以内联,在一行--> <style> div{ width: 100px; height: 100p原创 2021-07-17 19:21:04 · 63 阅读 · 0 评论 -
JS中的事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS事件</title></head><body onload="console.log('页面加载完毕')"><!-- Js常用事件 blur 失去焦点 change 下拉列表选中项改变 或文本框内容改变 click 鼠标单击原创 2021-07-17 19:19:13 · 62 阅读 · 0 评论 -
JS中的变量
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS变量和函数</title></head><body><script type="text/javascript"> /* JAVA中的方法 public static int sum(int a,int b){ return原创 2021-07-17 19:18:37 · 94 阅读 · 0 评论 -
innerHTML
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script type="text/javascript"> function set(){ var divv = document.getElementById("mydiv原创 2021-07-17 19:17:56 · 67 阅读 · 0 评论 -
HTML引入JS
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS</title></head><body><!--引入外部JS--><script src="0717.js" type="text/javascript"></script><!--在scri原创 2021-07-17 19:17:09 · 103 阅读 · 0 评论 -
选号器(随机选人)
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>随机选号器</title> <link rel="stylesheet" href="1.css" type="text/css"/></head><body><div> <form> <input type="te原创 2021-07-17 19:14:50 · 3411 阅读 · 0 评论