Kuris101

2020年6月7日

摘要： ##number JavaScript中小数和整数统称为Number类型 123 //整数 123.123 //浮点数 1.23e4 //科学计数法 -100 //负数 NaN //非number类型 Infinity //无限大 ##字符串 "abcd" 'abc' ##布尔类型 true值和fa 阅读全文

posted @ 2020-06-07 16:39 Kuris101 阅读(176) 评论(0) 推荐(0)

JavaScript之基本语法

摘要： ##定义变量 JavaScript中定义变量使用var关键字 var score = 60; var name = "张三" ##条件控制与其他语言一样，JavaScript分支控制使用ifelse if(score>=80){ alert("优秀"); }else if(score>=60&&s 阅读全文

posted @ 2020-06-07 16:15 Kuris101 阅读(166) 评论(0) 推荐(0)

JavaScript之引入方式

摘要： ##内部标签 <script>  </script> ##外部引入 <script src="abc.js"></script> 阅读全文

posted @ 2020-06-07 16:02 Kuris101 阅读(242) 评论(0) 推荐(0)

2020年6月5日

CSS之文本样式

摘要： color:文本颜色 RGB：0~f RGBA:带透明度，透明度取值范围为0~1 text-align:文本排版方式 center:居中 right:居右 left:居左 text-align:首行缩进 em:缩进字数，2em表示缩进两个字 line-height:行高阅读全文

posted @ 2020-06-05 22:22 Kuris101 阅读(182) 评论(0) 推荐(0)

CSS之层次选择器

摘要： ##后代选择器作用于某个元素层次下的元素 <style> body p{ background: red; } </style> <p>p1</p> <p>p2</p> <p>p3</p> 效果： ##子选择器作用于某个元素的子元素 <style> body>p{ background:#ff2 阅读全文

posted @ 2020-06-05 16:59 Kuris101 阅读(643) 评论(0) 推荐(0)

CSS之基本选择器

摘要： #选择器作用：选择页面上面的某一个或者某一类元素 ##标签选择器会选中这个页面上所有这个标签的元素 <style> h1{ color:#111111; background: rgba(181, 33, 167, 0.53); border-radius: 25px; } p{ font-si 阅读全文

posted @ 2020-06-05 11:26 Kuris101 阅读(165) 评论(0) 推荐(0)

CSS之导入方式

摘要： ##行内样式在标签元素中编写 <h1 style="color:red">我是标题</h1> ##内部样式 <style> h1{ color:green; } </style> ##外部样式 <link rel="stylesheet" href="css/style.css"> 优先级：就近原阅读全文

posted @ 2020-06-05 10:54 Kuris101 阅读(159) 评论(0) 推荐(0)

2020年6月4日

HTML之页面结构

摘要： ##头部 <header> <h1>网页头部</h1> </header> ##主体 <section> <h1>主体部分</h1> </section> ##脚步 <footer> <h1>网页脚部</h1> </footer> 阅读全文

posted @ 2020-06-04 17:36 Kuris101 阅读(175) 评论(0) 推荐(0)

HTML之媒体

摘要： ##视频 video:元素标签 src:资源路径 controls:控制条 autoplay:自动播放 <video src=" " controls autoplay></vido> ##音频 audio:元素标签 controls:控制条 autoplay:自动播放 <audio src="" 阅读全文

posted @ 2020-06-04 17:29 Kuris101 阅读(180) 评论(0) 推荐(0)

HTML之列表与表格

摘要： #列表 ##有序列表代码示例： <ol> <li>Java</li> <li>Python</li> <li>JavaScript</li> <li>C++</li> <li>go</li> </ol> 效果： ##无序列表代码示例： <ul> <li>Java</li> <li>Python< 阅读全文

posted @ 2020-06-04 16:39 Kuris101 阅读(209) 评论(0) 推荐(0)

公告