自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 动画 表单提交 表单序列化 AJAX介绍 AJAX原理 原生AJAX

animate自定义动画必需的params参数定义形成动画的css属性可选的speed参数规定效果的时长。它可以取以下值:slow、fast或毫秒数。可选的callback参数时动画完成后所执行的函数名称。

2023-02-01 20:15:38 115

原创 jQuery操作css jQuery操作class 节点操作 事件进阶

("div").css("key值","value值").css("key值","value值");$("div").css({"key值":"value值","key值":"value值"});$("div").css("key值","value值");clone()方法生成被选元素的副本,包括子节点、文本和属性。appendTo()方法在被选元素的结尾插入HTML元素。replaceAll()把被选元素替换为新的HTML元素。$("div").css("key值")

2023-01-31 20:45:34 360

原创 初识jquery

删除属性方法 removeAttr(name)/ removeProp(name) 删除指定名字的属性。attribute=value 匹配给定的属性是某个特定值的元素。标签属性方法 attr(name)/attr(name,value) 读/写非布尔值的标签属性。标签属性方法 prop(name)/prop(name,value) 读/写布尔值的标签属性。attribute^=value 匹配给定的属性是以某些值开始的元素。attribute*=value 匹配给定的属性是以包含某些值的元素.

2023-01-30 21:19:37 84

原创 初识JavaScript

因为 JavaScript 语言是区分大小写的,所以字母可以是从“A”到“Z”的大写字母和从“a”到“z”的小写字母。JavaScript 是一门跨平台、面向对象的脚本语言,它能使网页可交互(例如拥有复杂的动画,可点击的按钮,通俗的菜单等)。在包含的数字和字符串的表达式中使用加法运算符(+),JavaScript 会把数字转换成字符串。任意精度的整数 (BigInt) ,可以安全地存储和操作大整数,甚至可以超过数字的安全整数限制。/* 然而,你不能,/* 嵌套注释 */ 语法错误 */

2023-01-03 19:58:48 63

原创 网页布局 为什么要进行网页布局 基础布局 媒体查询

and: and 操作符用于将多个媒体查询规则组合成单条媒体查询,当每个查询规则都为真时则该条媒体查询为真,它还用于将媒体功能与媒体类型结合在一起。它具有为网站所有者和用户构造网站上存在的信息的作用。它为网页内的导航提供了清晰的路径,并将网站的最重要元素置于网站的正面和中心。CSS3 的媒体查询继承了 CSS2 媒体类型的所有思想: 取代了查找设备的类型,CSS3 根据设置自适应显示。媒体查询由多种媒体组成,可以包含一个或多个表达式,表达式根据条件是否成立返回 true 或 false。

2022-12-29 22:01:02 223

原创 混合器 传参 继承

尽管默认的浏览器样式不会被继承,因为它们不属于样式表中的样式,但是你对html元素添加的所有样式都会被继承。基于Nicole Sullivan面向对象的css的理念,选择器继承是说一个选择器可以继承为另一个选择器定义的所有样式。然后就可以在你的样式表中通过@include来使用这个混合器,放在你希望的任何地方。混合器中不仅可以包含属性,也可以包含css规则,包含选择器和选择器中的属性,如下代码。下边的这段sass代码,定义了一个非常简单的混合器,目的是添加跨浏览器的圆角边框。1.4选择器继承的使用。

2022-12-27 23:07:04 47

原创 Sass预处理技术 变量 嵌套规则 scss文件的导入 静默注释

使用 sass 的!Sass是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量(variables) 、嵌套(nested rules) 、混合(mixins)、导入(inline imports)等高级功能,这些拓展令CSS 更加强大与优雅使用 Sass 以及 Sass 的样式库有助于更好地组织管理样式文件,以及更高效地开发项目。用中划线声明的变量可以使用下划线的方式引用,反之亦然。之后,如果你需要一个不同的值,只需要改变这个变量的值,则所有引用此变量的地方生成的值都会随之改变。

2022-12-26 17:18:45 303

原创 文本阴影 盒子阴影 卡片效果 文本溢出 2D转换

参数如下: matrix(scaleX), skewY(), skewX(), scaleY(),translateX(), translateY()matrix()方法可接受六个参数,其中包括数学函数,这些参数使你可以旋转、缩放、移动(平移)和倾斜元素。translate() 从其当前位置移动元素(根据为 X 轴和Y轴指定的参数)。scale() 增加或减少元素的大小(根据给定的宽度和高度参数)。scale(方法增加或减少元素的大小(根据给定的宽度和高度参数)。

2022-12-23 21:23:12 75

原创 百度地图 拖放 文件存储

地理定位在日常生活中应用比较广泛,如互联网打车、在线地图等。HTML5 增加了获取用户地理位置信息的接口 Geolocation,开发者可以通过经纬度来获取用户的地理位置信息。另外,百度等互联网公司也提供了地理定位的接口。Geolocation 接口是一个用来获取设备地理位置的可编程的对象,它可以让 Web 内容访问到设备的地理位置(经纬度),这将允许 Web 应用基于用户的地理位置提供定制的信息。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。[外链图片转存失败,源站可能有防盗链机

2022-12-22 21:47:25 280

原创 圆角 阴影 过渡 动画以及border的属性

动画使元素逐渐从一种样式变为另一种样式。您可以随意更改任意数量的 CSS 属性。如需使用 CSS 动画,您必须首先为动画指定一些关键帧。关键帧包含元素在特定时间所拥有的样式。过渡动画。

2022-12-22 21:44:52 338

原创 svg阴影 svg渐变 svg动画

`linear`:匀速动画,这是默认值。| `remove`:在动画的激活持续时间结束后,动画效果会移除。`freeze`:在动画的激活持续时间结束后,动画效果会“冻结”着,直到文档持续时间结束或动画重新开始。| | 动画元素放在形状元素的内部,用来定义一个元素的某个属性如何踩着时间点改变。> `C0 300 300 300 300 0` 是指贝塞尔曲线,`0 300` 是起点坐标,`300 300` 是中间点坐标,`300 0` 是终点坐标。

2022-12-20 20:40:29 268

原创 float属性 clear属性导航菜单web布局及display属性

在清除浮动时,应该对清除与浮动进行匹配:如果某个元素浮动到左侧,则应清除左侧。您的浮动元素会继续浮动,但是被清除的元素将显示在其下方。3.1隐藏属性:隐藏一个元素可以通过把display属性设置为none,或把visibility属性设置为hidden。2.3clearfix:如果一个元素比包含他的元素高,并且他是浮动的,他将“溢出”到期容器之外。使用 clear 属性的最常见用法是在元素上使用了 float 属性之后,3.2块和内联元素:块元素是一个元素,占用了全部宽度,在前后都是换行符。

2022-12-13 21:10:50 132

原创 float属性 clear属性导航菜单web布局及display属性

text-align:justify(行对齐):拉伸每一行,使每一行具有相等的宽度,并且左右边距是直的(eg:杂志,报纸)vertical-align(垂直对齐):设置属性的垂直对其方式(top,middle,bottom)1.5:text-shadow(文本阴影):为文本添加阴影(水平阴影,垂直阴影,模糊效果,颜色)2.4:font-size(字体大小):注:(16px=1em)垂直重复(background-repeat:repeat-y)3.1.1:背景重复:(background-repeat)

2022-12-09 23:01:20 100

原创 css组成 基本选择器,组合选择符 属性选择器 定位 重叠元素

的元素先后对于最近的定位祖先元素进行定位(而不是相对于视口定位)。4.2子元素选择器(>):与后代选择器相比,子元素选择器只能选择作为某元素直接的一级子元素的元素。3.5:分组选择器:选取所有具有相同样式定义的HTML元素,用逗号(,)来分隔每个选择器。3.2 id选择器(#id):id选择器根据元素的id属性来选择特定的HTML元素。z-index属性指定元素的堆 顺序(哪个元素1应该放叠在其他元素的前面或后面)4.3相邻兄弟选择器(+):可以选择紧接在另一元素后的元素,且二者有相同父元素。

2022-12-08 17:03:55 137

原创 表单的提交方式 块级元素 行内元素,以及mvc模式等

1.action的属性值就是把当前表单中的数据提交到哪个程序去处理,属于后端功能接口。(method)2.lable标签为input元素定义标注(标签)作用:用于绑定一个表单元素,点击lable标签的时候,被绑定的表单元素就会获得输入焦点.for属性规定lable与表单元素中的id绑定.例:3.select下的option中的"selecd=selecd"元素标签属于默认选中.4. 表单的提交方式:get:密文,从指定的资源请求数据 post:明文,向指定的资源提交要被处理的数据规则不同

2022-12-07 20:29:18 202

原创 HTML表格表单

表格表单元素

2022-12-05 21:28:37 64

原创 HTML标签

html基础标签

2022-12-05 21:09:30 46

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除