HTML5
如果这个世界对你不温柔 可以让我试试做你的世界吗
TwcatL_tree
我家二猫爱爬树
展开
-
JQuery 入门 - 附案例代码
文章目录 预备知识与后续知识及项目案例为什么要学jquery体验jquery的使用jquery到底是什么jquery的版本问题jquery的入口函数jq对象和dom对象(重要)jquery选择器什么是jQuery选择器基本选择器层级选择器过滤选择器筛选选择器(方法) 元素设置样式设置类名设置属性设置prop方法 动...原创 2022-01-19 11:51:22 · 1865 阅读 · 0 评论 -
JavaScript 入门(下)
目录 一、JavaScript简介 二、JavaScript的特点 1、动态改变页面内容 2、动态改变网页的外观 3、验证表单数据 4、响应事件 三、内容 1、数组对象 一、数组基础 二、数组的属性和方法 2、数值对象 3、窗口对象 一、窗口对象简介 二、打开和关闭窗口 三、改变窗口大小 四、窗口历史 五、定时器 4、JavaScript对话框 一、alert() 二、confirm() 三、prompt() 5、文档对象...原创 2022-01-19 11:50:04 · 331 阅读 · 0 评论 -
JavaScript 入门(上)
目录 一、JavaScript简介 二、JavaScript的特点 1、动态改变页面内容 2、动态改变网页的外观 3、验证表单数据 4、响应事件 三、内容 1、JavaScript简介 一、JavaScript是什么? 二、JavaScript编辑工具 三、JavaScript在HTML的引用方式 四、JavaScript和Java的关系 五、训练题 2、JavaScript入门基础 一、数据结构 二、JavaScript数据类型 ...原创 2022-01-19 11:49:34 · 546 阅读 · 0 评论 -
HTML入门与进阶以及HTML5
目录 一、简介 1、前端开发最核心技术 (1)HTML是什么? (2)CSS (3)JavaScript 2、前端开发其他技术 二、基础内容 1.基础总结 2.HTML的基本标签 (1)HTML标签 (2)head标签 (3)body标签 3、段落与文字 (一)、段落标签 (二)、网页特殊符号 (三)、自闭合标签 (四)、块元素和行内元素 (五)、练习题 4、列表 (一)、HTML3种列表 (...原创 2022-01-19 11:47:52 · 879 阅读 · 0 评论 -
CSS基础知识
目录 一、CSS简介 二、内容 1.css的引入方式 2.元素的id和class 3、CSS选择器 4、文本样式总结 5、文本样式总结 6、边框样式 7、 背景样式概述 8、超链接样式 9、图片样式 10、列表样式 11、表格样式 12、CSS盒子模型 13、浮动布局 14、定位布局 预备知识与后续知识及项目案例 [HTML入门与进阶以及HTML5][CSS][JS-上][JS-下][jQuery][Node.js + Gulp...原创 2022-01-19 11:46:55 · 668 阅读 · 0 评论 -
html基础语法
<!-- 永远放在最外面的 DOCTYPE html --><!DOCTYPE html><!-- html作为最底层的根,放在最外面 --><html> </html><!--head里面is网页外标题 --> <head> <title>aaa</title></head><!-- body作为整个html的主要内容 --><!-- 以原创 2022-01-19 10:33:45 · 462 阅读 · 0 评论 -
HTML 全局属性
原创 2022-01-18 13:53:31 · 283 阅读 · 0 评论 -
HTML 标签参考手册
按功能类别排列 HTML 标签基础标签描述<!DOCTYPE> 定义文档类型。<html>定义 HTML 文档。<head>定义关于文档的信息。<title>定义文档的标题。<body>定义文档的主体。<h1> to <h6>定义 HTML 标题。<p>定义段落。<br>定义简单的折行。<hr>定.原创 2022-01-18 13:30:26 · 291 阅读 · 0 评论 -
HTML中 src alt align 分别是什么意思?
1、src 属性它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。绝对路径:指向其他站点(比如 src=“www.example.com/example.js”)。相对路径:指向站点内的文件(比如 src="/scripts/example.js")。2、alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。3、align 属性规定 div 元素中的内容的水平对齐方式。...原创 2022-01-18 13:21:33 · 1365 阅读 · 0 评论 -
height:100vh,width:100vw
1.em在做手机端的时候经常会用到的做字体的尺寸单位说白了 em就相当于“倍”,比如设置当前的div的字体大小为1.5em,则当前的div的字体大小为:当前div继承的字体大小*1.5但是当div进行嵌套的时候,em始终是按照当前div继承的字体大小来缩放,参照后面的例子。2.rem这里的r就是root的意思,意思是相对于根节点来进行缩放,当有嵌套关系的时候,嵌套关系的元素的字体大小始终按照根节点的字体大小进行缩放。参照后面给的demo3.vhvh就是当前屏幕可见高度的1%,也就是说hei原创 2022-01-18 13:06:17 · 223 阅读 · 0 评论 -
你是否彻底了解margin属性?
写css,你少不了与margin打交道。你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?……Margin是什么CSS 边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。...原创 2020-07-10 20:37:41 · 590 阅读 · 0 评论 -
HttpSession详解
HttpSession 服务端的技术服务器会为每一个用户 创建一个独立的HttpSessionHttpSession原理当用户第一次访问Servlet时,服务器端会给用户创建一个独立的Session并且生成一个SessionID,这个SessionID在响应浏览器的时候会被装进cookie中,从而被保存到浏览器中当用户再一次访问Servlet时,请求中会携带着cookie中的SessionID去访问服务器会根据这个SessionID去查看是否有对应的Session对象有就拿出来使用...原创 2020-07-07 17:41:26 · 442 阅读 · 0 评论 -
js中三种弹窗的简单使用alert、confirm、prompt
1、alert():显示带有一条指定消息和一个 OK(确认) 按钮的警告框。写在script标签中括号中的内容为字符串或者整型点击确认即可关闭,无返回值如: alert("欢迎光临");火狐浏览器显示样式如下:谷歌浏览器显示样式如下:2、confirm():用于显示一个带有指定消息和 OK 及取消按钮的对话框。一般作为判断条件写在scr...原创 2020-07-07 14:41:50 · 1099 阅读 · 0 评论 -
HTML的a标签href属性指定相对路径与绝对路径的用法讲解
在实际Web开发中,插入图片、包含CSS文件等都需要有路径,如果文件路径的添加错误,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。很多初学者感到困惑,下面我就详细的介绍一下相对路径与绝对路径。HTML相对路径指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。例如:文件1.htm的绝对路径是:d:/www/html/1.htm文件2.htm的绝对路径是:d:/www/html/2.h...原创 2020-07-07 09:19:26 · 5465 阅读 · 0 评论 -
分别用Js和vue实现跑马灯效果
文章目录一、使用js实现二、使用vue实现跑马灯就是这条信息串首尾相连,向一个方向循环滚动。。。一、使用js实现实现逻辑:① 根据id值获取标签② 获取标签的文本内容③ 截取文本内容的第一个字④ 截取文本内容第一个字后面的所有内容⑤ 把第③步截取的第一个字拼接到第④步截取的文本内容后面⑥ 将第⑤步拼接后的字符串写入到第①步的标签中代码实现:<!DOCTYPE html><html lang="en"><head> <meta原创 2020-07-04 09:59:20 · 232 阅读 · 0 评论 -
vue中改变滚动条样式(CSS)
scrollbar.css@charset "utf-8";::-webkit-scrollbar { width: 5px; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { border-radius: 10px; background-color: rgba(0,0,0,0.1); } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb {原创 2020-07-04 09:53:34 · 1091 阅读 · 0 评论 -
HBuilderX - 高效极客技巧
惯常来讲,IDE和编辑器是2个产品类别。IDE侧重于某种语言的语法分析、提示、转到定义、调试。而编辑器则是对通用文本处理,但提供更高效的通用文本处理能力。上一代HBuilder是一个典型的IDE,语言处理非常强大,但在字处理方面客观讲不如优秀的编辑器。而新的HBuilderX,定位是IDE和编辑器的完美结合,那么HBuilderX就会提...原创 2020-07-03 22:08:38 · 1191 阅读 · 0 评论 -
HBuilderX的下载和安装
HBuilderX下载HBuilderX:官方IDE。建议下载App开发版,如下载标准版,还需在插件管理中安装uni-app插件。HBuilderX下载地址:下载HBuilderXHBuilderX安装找到下载好的安装包。如图:解压安装包。解压后找到HBuilderX.exe双击运行。如图:创建快捷方式选中HbuilerX.exe,右键,发送到桌面。如图:...原创 2020-07-03 22:05:41 · 1018 阅读 · 0 评论