摘要: 目录 使用表单标签,与用户交互文本输入框、密码输入框文本域,支持多行文本输入使用单选框、复选框,让用户选择使用下拉列表框,节省空间使用下拉列表框进行多选使用提交按钮,提交数据使用重置按钮,重置表单信息form表单中的label标签使用表单标签,与用户交互网站怎样与用户... 阅读全文
posted @ 2018-11-20 23:57 strawqqhat 阅读(143) 评论(0) 推荐(0)
摘要: 目录 使用标签,链接到另一个页面在新建浏览器窗口中打开链接使用mailto在网页中链接Email地址认识标签,为网页插入图片使用标签,链接到另一个页面使用标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。语法:链接显示的文本例如:cl... 阅读全文
posted @ 2018-11-20 23:41 strawqqhat 阅读(193) 评论(0) 推荐(0)
摘要: 目录 使用ul,添加新闻信息列表使用ol,添加图书销售排行榜认识div在排版中的作用给div命名,使逻辑更加清晰table标签,认识网页上的表格用css样式,为表格加入边框caption标签,为表格添加标题和摘要使用ul,添加新闻信息列表在浏览网页时,你会发现网页上有... 阅读全文
posted @ 2018-11-20 23:31 strawqqhat 阅读(163) 评论(0) 推荐(0)
摘要: 语义化,让你的网页更好的被搜索引擎理解标签的用途:我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签... 阅读全文
posted @ 2018-11-20 23:04 strawqqhat 阅读(234) 评论(0) 推荐(0)
摘要: 目录 Html和CSS的关系认识HTML标签标签的语法认识html文件基本结构认识head标签了解HTML的代码注释Html和CSS的关系1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2. CSS样式是表... 阅读全文
posted @ 2018-11-20 22:40 strawqqhat 阅读(234) 评论(0) 推荐(0)
摘要: 给定一个非负索引 k,其中 k ≤ 33,返回杨辉三角的第 k 行。在杨辉三角中,每个数是它左上方和右上方的数的和。示例:输入: 3输出: [1,3,3,1]进阶:你可以优化你的算法到 O(k) 空间复杂度吗?class Solution { public Li... 阅读全文
posted @ 2018-11-20 12:27 strawqqhat 阅读(108) 评论(0) 推荐(0)
摘要: 给定一个含有 n 个正整数的数组和一个正整数 s ,找出该数组中满足其和 ≥ s 的长度最小的连续子数组。如果不存在符合条件的连续子数组,返回 0。示例: 输入: s = 7, nums = [2,3,1,2,4,3]输出: 2解释: 子数组 [4,3] 是该条件下的... 阅读全文
posted @ 2018-11-20 08:06 strawqqhat 阅读(106) 评论(0) 推荐(0)
摘要: 给定一个二进制数组, 计算其中最大连续1的个数。示例 1:输入: [1,1,0,1,1,1]输出: 3解释: 开头的两位和最后的三位都是连续1,所以最大连续1的个数是 3.注意:输入的数组只包含 0 和1。 输入数组的长度是正整数,且不超过 10,000。class ... 阅读全文
posted @ 2018-11-20 07:57 strawqqhat 阅读(126) 评论(0) 推荐(0)
摘要: 给定长度为 2n 的数组, 你的任务是将这些数分成 n 对, 例如 (a1, b1), (a2, b2), ..., (an, bn) ,使得从1 到 n 的 min(ai, bi) 总和最大。示例 1:输入: [1,4,3,2]输出: 4解释: n 等于 2, 最大... 阅读全文
posted @ 2018-11-20 07:42 strawqqhat 阅读(114) 评论(0) 推荐(0)
#home h1{ font-size:45px; } body{ background-image: url("放你的背景图链接"); background-position: initial; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-origin: initial; background-clip: initial; height:100%; width:100%; } #home{ opacity:0.7; } .wall{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; } div#midground{ background: url("https://i.postimg.cc/PP5GtGtM/midground.png"); z-index: -1; -webkit-animation: cc 200s linear infinite; -moz-animation: cc 200s linear infinite; -o-animation: cc 200s linear infinite; animation: cc 200s linear infinite; } div#foreground{ background: url("https://i.postimg.cc/z3jZZD1B/foreground.png"); z-index: -2; -webkit-animation: cc 253s linear infinite; -o-animation: cc 253s linear infinite; -moz-animation: cc 253s linear infinite; animation: cc 253s linear infinite; } div#top{ background: url("https://i.postimg.cc/PP5GtGtM/midground.png"); z-index: -4; -webkit-animation: da 200s linear infinite; -o-animation: da 200s linear infinite; animation: da 200s linear infinite; } @-webkit-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @-o-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @-moz-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @keyframes cc { 0%{ background-position: 0 0; } 100%{ background-position: 600% 0; } } @keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-webkit-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-moz-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-ms-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } }