02 2020 档案
摘要：㈠HTML部分代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>读书编程笔记</title> 6 <link rel="stylesheet" href="reset.css"> 7
阅读全文
摘要：㈠搜索框的知识 ⑴输入文字，回车完成搜索 ①问题：在搜索栏输入文字，点击键盘上的回车键，就会完成搜索，这是如何做到的呢？ ②方法1：通过JavaScript代码进行完成 ③方法2：给input元素外面套一个form表单元素，利用form元素把input元素包起来，再加上一个提交按钮，这样，只要是一回
阅读全文
摘要：㈠豆瓣首页HTML代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>项目实战-豆瓣首页</title> 6 <link rel="shortcut icon" type="image/
阅读全文
摘要：㈠方法一：利用span元素 举例：在设置网页头部的logo时，点击图片会自动跳转到一个页面，这是利用了超链接加背景图片做到的 但是，仔细观看就会发现没有超链接的文字部分，被隐藏了，这是如何做到的呢？ 方法：我们可以采用在超链接中加入一个span元素，设置span的样式，display：none；进行
阅读全文
摘要：㈠Polo360index.html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>polo 360</title> <!--引入reset.css用来清除浏览器的默认样式--> <link rel="
阅读全文
摘要：㈠雪碧图出现的原因 当我们打算用图片做按钮的背景图片时，在设置完link，hover，active的background-image：url（相对路径）的相关功能后， 发现在第一次切换图片时，会发现图片有一个非常快的闪烁，这个闪烁会造成一次不佳的用户体验 产生的原因： 背景图片是以外部资源的形式加载
阅读全文
摘要：㈠背景属性的相关知识 1.background-image 使用background-image来设置背景图片 语法：background-image：url（相对路径）； 相对路径写在哪就相对于哪个文件夹 如果背景图片大于元素，默认会显示图片的左上角 如果背景图片和元素一样大，则会将背景图片全部显
阅读全文
摘要：㈠浮动案例代码及效果图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>近期开班小实例</title> <style> *{ padding: 0; margin: 0; } /*统一页面的字体*/ body
阅读全文
