随笔分类 -  前端

html,css,js,jquery
摘要:1 bootstrap的常用样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> </style> <link rel="stylesheet" href="dis 阅读全文
posted @ 2021-07-20 12:45 风hua 阅读(97) 评论(0) 推荐(0)
摘要:JQuery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt 阅读全文
posted @ 2021-06-14 17:17 风hua 阅读(70) 评论(0) 推荐(0)
摘要:JS交互特效案例实战 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片切换</title> </head> <body> <!-- 4 1 4 --> <img src="images/image01.j 阅读全文
posted @ 2021-06-14 16:38 风hua 阅读(449) 评论(0) 推荐(0)
摘要:BOM&DOM BOM <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>BOM对象</title> </head> <body> <!-- 浏览器对象模型 BOM--> <!-- 1.window alert 阅读全文
posted @ 2021-06-14 12:31 风hua 阅读(69) 评论(0) 推荐(0)
摘要:JS基础 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js文件的引入</title> <!-- 内部的js --> <script type="text/javascript"> // 编写js代码 alert('我是mjj 阅读全文
posted @ 2021-06-14 12:12 风hua 阅读(204) 评论(0) 推荐(0)
摘要:CSS篇 css选择器 css选择器总结: 语法: 选择符{ 属性:值; } 作用:选中页面上的元素(标签),设置对应的样式 - 基础选择器 + 标签选择器 * 对页面中相同的元素,设置共同的属性 + id选择器 * 任何的元素都可以设置id * id是唯一,并且不能重复,表示选中的是有“特性的元素 阅读全文
posted @ 2021-06-14 00:43 风hua 阅读(47) 评论(0) 推荐(0)
摘要:CSS篇 基础 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> /*css样式: 选择符和声明构成 声明:属性名和属性值 */ span{ color: orange; font-size: 30px; } 阅读全文
posted @ 2021-06-14 00:36 风hua 阅读(55) 评论(0) 推荐(0)
摘要:HTML Visual Studio Code关于写html的快捷键 这几天写html,找别人学了一些有趣的快捷键,作用不一定很大,但还是记录一下。 1多个平级标签 输入 div*5 会有提示,按回车,出现下面的代码 <div></div> <div></div> <div></div> <div> 阅读全文
posted @ 2021-06-13 00:57 风hua 阅读(49) 评论(0) 推荐(0)
摘要:jQuery是一个javascript库,核心理念是write less,do more(写得更少,做得更多),他内部帮我们把几乎所有功能都做了封装,相比上一节基于DOM、BOM操作会更加简单。例如: // DOM根据ID选择标签对象 document.getElementById("xx") // 阅读全文
posted @ 2021-05-10 16:44 风hua 阅读(69) 评论(0) 推荐(0)
摘要:本节模块的目的是让我们的页面可以动起来(HTML、CSS只能写出静态效果),并且可以添加一些用户交互交互的行为,例如:模态对话框、全选反选、可折叠菜单等。本节所有内容主要包含以下三部分: JavaScript,他和Python一样是一门编程语言,而浏览器内置了JavaScript语言的解释器,所以J 阅读全文
posted @ 2021-05-09 20:22 风hua 阅读(58) 评论(0) 推荐(0)
摘要:本篇主要包含两部分内容:小米商城讲解 和 CSS样式补充。 第七章 CSS(二) 3.1 讲解:小米商城头部页面 3.2 CSS样式 3.2.1 border 边框 练习:实现小米商城闪购 3.2.2 background 背景 练习:实现小米商城logo 3.2.3 cursor 光标 3.2.5 阅读全文
posted @ 2021-05-08 16:02 风hua 阅读(89) 评论(0) 推荐(0)
摘要:CSS(Cascading Style Sheets)称为层叠样式表,用于对页面进行美化。在学习Html页面时,大家都会发现我们的页面丑的一批,从今天开发就让我们的页面好看起来,例如: 第七章 CSS(一) 2.1 应用方式 2.2 选择器 2.2.1 标签选择器 2.2.2 id 选择器 2.2. 阅读全文
posted @ 2021-05-08 15:21 风hua 阅读(46) 评论(0) 推荐(0)
摘要:HTML,称为超文本标记语言。 概要: 1.1 本地查看 1.2 基本结构 1.3 head标签 1.3.1 title 标题 1.3.2 meta 文档字符编码 1.3.3 meta 页面刷新 1.3.4 meta 关键字 1.3.5 meta 网站描述 1.3.6 meta IE浏览器 1.3. 阅读全文
posted @ 2021-05-08 14:36 风hua 阅读(100) 评论(0) 推荐(0)