HTML+CSS+JavaScript
文章平均质量分 92
HTML+CSS+JavaScript相关内容
抹泪的知更鸟
无论怎样的苦难喜甜,终将逝为云烟
展开
-
web 前端基础小总结
web 前端基础小总结1.HTML基础概念a标签超链接form 标签table标签块级元素和内联元素的区别2.CSS基础概念背景颜色字体大小的单位隐藏元素浮动定位选择器其他3.jQuery基础概念JQuery对象和DOM对象增加节点删除节点设置类样式属性样式操作显示隐藏效果滑动效果淡入淡出效果自定义动画animate绑定事件后代元素和祖先元素AjaxjQuery尺寸事件冒泡、闭包JQuery对象拷贝jQuery多库共存jQuery插件bootstrap js插件1.HTML基础概念HTML就是超文本标原创 2022-03-16 09:45:00 · 259 阅读 · 0 评论 -
JavaScript 异步ajax
JavaScript异步ajax一级目录二级目录三级目录HTTP协议请求消息结构请求方法响应头信息响应状态码AJAXXMLHttpRequest对象XMLHttpRequest请求XMLHttpRequest响应XMLHttpRequest响应状态案例01XMLXML 语法规则XML 解析案例02JSONJSON 语法规则JSON 值JSON 文件JSON 对象案例03:获取案例04:删除对象属性JSON文件读取JSON解析案例05JSONP服务端JSONP格式数据客户端实现 callbackFunctio原创 2022-03-03 10:07:55 · 911 阅读 · 0 评论 -
JavaScript-DOM和BOM对象
JavaScript-DOM和BOM对象学习目标JavaScript BOM对象Window 对象setInterval()clearInterval()setTimeout()clearTimeout()浏览器窗口的尺寸案例01:获取浏览器宽高显示器尺寸案例02:获取屏幕参数案例03:链接属性案例04:回到历史记录浏览器对象案例05:获取浏览器参数JavaScript DOM对象Document 对象Element对象案例06:切换class案例07:动态添加元素Event对象案例08:鼠标坐标学习目标原创 2022-03-02 20:30:57 · 498 阅读 · 0 评论 -
JavaScript 对象
JavaScript对象学习目标JavaScript 对象创建对象1、通过new Object()创建案例012、通过{'attribute':"张三"}创建案例023、构造函数创建案例034、class方式创建案例045、删除对象属性6、总结案例05JacaScript 全局函数decodeURI() 函数decodeURIComponent() 函数escape() 函数eval() 函数JacaScript Number 对象toString() 方法toLocaleString() 方法toFixe原创 2022-03-01 07:15:00 · 343 阅读 · 0 评论 -
JavaScript 数组和函数
JavaScript 数组和函数学习目标JavaScript数组什么是数组?创建数组数组存储访问数组元素数组遍历删除数组元素案例01案例02添加数组元素案例03案例04JavaScript 函数(高级)函数参数通用方法:删除第n个:通用方法:在第N个数前插入变量的作用域函数参数数组Arguments案例06函数返回值JavaScript数组APIconcat()fill()join()&toString()push()pop()unshift()reverse()slice()splice()for原创 2022-02-28 10:43:20 · 491 阅读 · 0 评论 -
JavaScript 条件和循环结构
JavaScript 条件和循环结构学习目标JavaScript条件语句1. if 语句案例013. if...else if...else 语句案例034. JavaScript switch 语句案例04JavaScript获取和设置HTML元素案例05JavaScript常用事件案例06:登录JavaScript循环语句1.while 循环案例072.do/while 循环案例083.for 循环案例09break 和 continue 语句案例10案例11学习目标掌握JavaScript条件结原创 2022-02-27 04:15:00 · 496 阅读 · 0 评论 -
JavaScript 基础语法 第一阶段
前端核心技术-JavaScript基础语法学习目标JavaScript引入外部样式内部引入JavaScript 语句单行注释多行注释JavaScript 变量变量创建变量赋值变量使用变量数据类型字符串数字布尔数组对象Undefined 和 NullJavaScript 运算符赋值运算符算术运算符比较运算符逻辑运算符条件运算符JavaScript 函数基础JavaScript与HTML学习目标掌握JavaScript基础语法的使用掌握JavaScript注释的使用掌握JavaScript变量的使用原创 2022-02-26 13:45:00 · 313 阅读 · 0 评论 -
CSS3 弹性盒子和常用标签
CSS3弹性盒子学习目标掌握CSS3弹性盒子的使用方法掌握CSS3弹性盒子的水平分布方法 重点掌握CSS3弹性盒子的垂直分布的方法 重点掌握CSS3弹性盒子排序的用法CSS3 弹性盒子属性属性描述display指定 HTML 元素盒子类型。flex-direction指定了弹性容器中子元素的排列方式。justify-content设置弹性盒子元素在主轴(横轴)方向上的对齐方式。align-items设置弹性盒子元素在侧轴(纵轴)方向上的对齐方式原创 2022-02-25 17:16:58 · 385 阅读 · 0 评论 -
CSS3 过渡旋转
CSS3过渡旋转学习目标CSS3 过渡transition案例01CSS3 转换transform2D 转换translate(?px/%) 位置变换rotate(?deg) 旋转scale(x,y) 尺寸改变skew(?deg,?deg) 倾斜3D转换transform-origin学习目标掌握CSS3特效的制作 重点掌握CSS3各种转换的特效 重点掌握CSS3动画的制作 重点掌握CSS3渐变色的使用掌握CSS3响应式设计 难点CSS3 过渡transition过渡属性属性.原创 2022-01-18 21:49:41 · 1575 阅读 · 0 评论 -
CSS3 基础属性 第一个模块
第04章-前端核心技术-CSS3基础属性学习目标CSS简介什么是 `CSS`CSS 语法CSS 创建(引入方式)外部样式表内部样式表内联样式多重样式优先级CSS简单选择器元素选择器(选一种元素)d 选择器(选一个)class 选择器(选多个)三种选择器优先级CSS 尺寸CSS 背景颜色rgbhsl案例05CSS 背景图片background-size属性CSS 文本CSS3 文字阴影CSS 字体字体系列CSS单位绝对单位:(像素单位)相对大小:(可变单位)CSS 超链接属性CSS后代选择器作业制作如下艺术.原创 2022-01-12 18:07:37 · 313 阅读 · 0 评论 -
CSS 文字样式 第二节
文字样式文本颜色:colorcolor 属性规定文本的颜色,该属性设置了一个元素的前景色(在HTML表现中,就是元素文本的颜色)。颜色通常有如下的表达方式,背景颜色 background-color 的用法与文本颜色 color 相同color_name 规定颜色值 为颜色名称的颜色(比如red)hex_number 规定颜色值为十六进制值的颜色(比如#000000)rgb_number 规定颜色值为rgb代码的颜色(比如rgb(255,0,0))rgb原创 2021-11-12 22:25:49 · 449 阅读 · 0 评论 -
CSS 盒子模型 第三节
盒子模型盒子模型现代 Web 前端的布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子与它们的摆放控制,会发现再复杂的页面也不过如此。 盒子是一个概念,也可以说是容器,可以在里面放置网页中需要显示的内容,文档中每一个元素都会产生一个盒子,盒子拥有很多属性,比如 width、height、padding、border 和 margin 等。 案例:<!DOCTYPE html><html><head><meta charset="utf-8">原创 2021-11-16 21:24:16 · 397 阅读 · 0 评论 -
CSS 各类选择器 第一节
CSS在 HTML 中使用 CSS1.内联样式内联样式是在元素属性中设置样式。此种方式很适合用于测试样式和快速查看样式效果,但是不推荐在整个文档上使用此方法。在使用此方法时,必须在每一个元素上重复设置各个样式,这样既增加文档大小,又增加文档 的更新和维护难度。例如,所有的元素 都设置了宽度大小,如果需要修改,就需要反复更改多处样式定义内容。<nav> <ul> <li style="float:left;padding: 4px 5px 0px原创 2021-11-12 17:00:34 · 444 阅读 · 0 评论 -
CSS3 动画
CSS3 动画@keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。当在 @keyframes 创建动画,把它绑定到一个选择器,否则动画不会有任何效果。CSS3的动画属性属性描述CSS@keyframes规定动画。3animation所有动画属性的简写属性,除了 animation-play-state 属性。3animation-name规定 @keyframes 动画的名称。3原创 2022-01-19 21:46:52 · 739 阅读 · 0 评论 -
css 布局和选择器
css布局和选择器学习目标CSS Float(浮动)案例01案例02清除浮动案例03总结CSS position (定位)static 静态定位(默认)fixed 固定定位案例04relative 相对定位absolute 绝对定位案例05重叠的元素CSS复杂选择器子元素(后代)选取器案例07直接子元素选择器案例08相邻兄弟选择器案例09后续兄弟选择器案例10伪类(元素)选择器案例11:自定义单选框案例12:提示框文字案例13:自定义列表属性选择器实例14:输入元素总结:学习目标了解定位的概念掌握如原创 2022-01-17 16:19:42 · 500 阅读 · 0 评论 -
CSS3 排版属性盒子模型 第二个模块
第05章-CSS3排版属性CSS3排版属性第05章-CSS3排版属性学习目标CSS 列表案例01CSS 隐藏隐藏元素CSS 显示属性案例03CSS 表格案例04表格隔行色案例05CSS 盒子模型padding(填充)案例06border(边框)outline(轮廓)margin(外边距)外边距合并CSS3 box-shadow阴影学习目标掌握无序列表的应用掌握有序列表熟悉嵌套列表的使用方法了解自定义列表的标记掌握表格样式的使用掌握CSS边框、边线、边距等属性 重点掌握边框的扩展运用 重点原创 2022-01-13 21:45:49 · 353 阅读 · 0 评论 -
HTML 媒体、表单和音视频笔记
HTML 表单和音视频笔记学习目标HTML 区块内联案例01:区块元素案例02:内联元素HTML 表单案例03案例04总结HTML 音视频HTML 音视频`` 元素案例05`` 元素案例06``和``案例07HTML5 语义元素HTML5 已移除元素作业显示如下HTML所有常用的输入框实现如下登录界面实现如下注册效果(提示:用表格)在页面上展示任意一个pdf文件实现如下在线考试系统学习目标掌握HTML区块原色和内联元素的特征 重点 难点掌握HTML表单和表单元素的使用 重点掌握HTML音视频的使用原创 2022-01-11 18:05:30 · 1204 阅读 · 0 评论 -
HTML 框架、列表和table标签练习 第二个模块2
HTML 框架和table标签练习HTML 框架iframe标签案例07HTML 列表无序列表案例08有序列表列表嵌套案例9作业作业1制作方块导航器作业2使用table实现如下企业主页作业3电商页面设计作业4播种绿色HTML 框架通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。HTML`中有很多框架标签,但是大多数都弃用了,沿用至今的就是`<iframe>iframe标签iframe语法:<iframe src="URL"></iframe>i原创 2022-01-10 10:40:43 · 1254 阅读 · 0 评论 -
html HTML5排版详细笔记 第二个模块
HTML5排版详细笔记HTML 表格table属性th和td属性案例01:制作计算器案例02:制作课程表案例03:统计表案例04:制作导航栏案例05:实现图文排版掌握HTML表格的基本使用掌握HTML表格排版的技术 重点掌握HTML整体页面排版的技术 重点 难点掌握HTML内联框架的使用场景掌握HTML内联框架的使用方法HTML 表格页面中默认文字大小占16个像素HTML表格标签标签描述<table>表格<th>表格的表头单元格原创 2022-01-07 20:53:33 · 816 阅读 · 0 评论 -
HTML html5基础详细笔记 第一个模块
第01章-前端核心技术-HTML5基础学习目标了解什么是HTML掌握HTML标签、元素的概念 重点掌握HTML常用头部元素的使用 重点掌握HTML标题、段落、文本、图片等排版 重点 难点掌握HTML超链接的使用 重点HTML 是什么HTML就是超文本标记语言(英语:HyperText Markup Language,简称:HTML),是一种用于创建网页的标准标记语言,主要功能就是控制网页显示的内容,而不关注内容样式的展示,样式的展示效果有css技术来实现HTML 特点:HTML 不原创 2022-01-06 20:03:52 · 796 阅读 · 0 评论 -
HTML 重要标签
HTML 超文本标记语法常用标签:常用的特殊字符:列表标签:img标签表格标签:iframe 框架标签表单get和post请求的特点文档手册:W3school标签不能嵌套标签必须正确关闭属性必须有值,属性值必须加引号常用标签:*font 表示字体标签,用来修改字体、颜色、尺寸 color 属性修改颜色 face 属性修改字体 size 属性修改尺寸*h1到h6 标题标签 align 属性用来对齐 left 左对齐(默认) .原创 2022-01-01 19:21:32 · 359 阅读 · 0 评论 -
HTML5 高级第二节
HTML5 高级超链接 a超链接在网页制作中是一个必不可少的部分,在浏览网页时,单击一张图片或者一段文字就可以弹出一个新的网页,这些功能都是通过超链接实现的。绝对路径:绝对路径是指文件的完整路径,包括文件传输的协议( http、ftp) 等,一般用于网站的外部链接, 例如:http://news.sina.com.cn/。相对路径:相对路径是指相对于当前文件的路径,它包含了从当前文件指向目的文件的路径。同时只要是处于站点文件夹之外,即使不属于同一个文件目录下,相对路径建立的链接也适合。采用相对路径是原创 2021-11-12 16:59:09 · 202 阅读 · 0 评论 -
HTML5 基础 第一节
HTML5 基础学习HTML5 基础1982 年。英国人蒂姆.伯纳斯.李为了方便世界各地的物理学家能够进行合作研究以及信息共享,创造了 HTML 语言,之后 HTML 发展成互联网上应用最为广泛的标记语言。HTML 是 HyperText Markup Language 的缩写。中文翻译为超文本标识语言。使用 HTML 元素编写的文档称为 HTML 文档。目前最新版本是HTML 5.0。文档结构为了能够更好地理解和认识 HTML5 网页,下面给出一个简单的、符合标准的 HTML5 文档结构代码。原创 2021-11-08 20:49:16 · 226 阅读 · 0 评论