自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 CSS基本语法规则

含义:清除浮动带来的影响 影响:如果子元素浮动了,此时子元素不能撑开标准流的块级父元素 例如:父子级标签,子级浮动,父级没有高度,后面的标准流盒子回受影响,会显示到上面的位置 原因: 子元素浮动后脱标→不占位置 目的: 需要父元素有高度,从而不影响其他网页元素的布局 方法: 1.直接设置父元素高度 特点: 优点:简单粗暴,方便 缺点:有些布局中不能固定父元素高度,如:新闻列表、京东推荐模块。操作: .clearfix::before, .clearfix::after{ content:'';

2024-10-13 21:25:06 239

原创 保姆级教程 CSS 知识点梳理大全

淘宝</a><a href="http://www.baidu.com"> 百度</a><a href=" http://www.jd.com"> 京东

2024-10-13 21:23:02 246

原创 CSS基础(超详解)

淘宝

2024-10-13 21:21:35 333

原创 CSS看这一篇就够啦,CSS基础大全

想要差异化选择不同的标签,单独选一个或者某几个标签,可以使用类选择器,类选择器在 HTML 中以 class 属性表示,在 CSS 中,类选择器以一个点“.”号显示。子元素可以继承父元素的样式(text-,font-,line-这些元素开头的可以继承,以及color属性)标签选择器(元素选择器)是指用 HTML 标签名称作为选择器,按标签名称分类,为页面中某一类标签指定。基础选择器是由单个选择器组成的,包括:标签选择器、类选择器、id 选择器和通配符选择器。当标签发生嵌套时,内层标签就成为外层标签的后代。

2024-10-13 21:20:24 91

原创 CSS入门学习笔记+案例

CSS从入门到精通

2024-10-13 21:19:24 61

原创 css动画

translate( 参数1,参数2 ) 参数 值 1 是指在 x 轴上移动的距离 , 正值,元素向右移动,负值向左移 动,参 数2 是指在 y 轴上移动的距离,正值向下,负值向上,参数 2 默认为 0。缩放属性的属性值和位移属性的属性值是类似的语法,可以是⼀个值,也可以有两个属性值: 只有⼀个值的时候第⼆个值和第⼀个值是相等的;1、平移元素,可以是数字,可以是百分⽐,百分⽐是相对于 ⾃身计算 的, x 轴往右为正, y 轴往下为正,反之 为负。⽽任何⼤于1的值,会让元素 变得更⼤。

2024-10-13 21:18:00 790

原创 JavaScript 重点知识总结

let 和 const 没有变量提升,必须先声明后使用;无论是变量还是常量,其本身都是数据,也需要在内存中占用内存空间,保存在内存的栈结构分区中。基本数据类型的值在栈空间中存储,如果修改了数据,则是把原来的值直接干掉,重新存放新的值。const 声明的引用类型,在不进行重新赋值的前提下,可以进行修改。let 和 const 不允许重复声明,var是可以重复声明的。初始值赋值为null,表明现在数据不明,但将来会赋值为对象。const 声明的值类型是不允许重新赋值的。var 、 let 声明的就是变量。

2024-10-13 21:16:24 156

原创 JavaScript--js基础(详细 全面)

JavaScript原名:LiveScript 是由美国网景(Netscape Communications Corporation)开发的一种用于对网页操作的脚本语言,LiveScript也是面向对象的.后来sun公司与网景合作更名为JavaScript.JavaScript 是一种采用事件驱动的脚本语言,它不需要借助 Web 服务器就可以对用户的输入做出响应,例如我们在访问一个网页时,通过鼠标在网页中进行点击或滚动窗口时,通过 JavaScript 可以直接对这些事件做出响应。

2024-10-13 21:14:48 251

原创 js数组求和的5种方法

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/qq_39186695/article/details/135669067。计算给定数组 arr 中所有元素的总和。数组中的元素均为 Number 类型。3、函数式编程 map-reduce。js数组求和的5种方法。

2024-09-22 22:15:14 774

原创 js数组常用方法

9.Array.map(function),原数组的每一项执行函数后,返回一个新的数组。15.Array.some(function),对数组中的每一项进行判断,若都不符合则返回false,否则返回true。2. Array.pop(),删除并返回数组的最后一个元素,若该数组为空,则返回undefined。3. Array.unshift(),向数组的开头添加一个或多个元素,并返回新的数组长度。13.Array.filter(function),过滤数组中,符合条件的元素并返回一个新的数组。

2024-09-22 22:14:09 283

原创 数组方法及分类

原文链接:https://blog.csdn.net/owo_ovo/article/details/136947646。参数: 不传参按照默认排序(Number类型按从小到大,字母符号按ASCII码排序)参数: 可以是数组也可以是1,2这种以,分割的形式,但建议写成数组。若想将字符串转为数组,需使用split()join() 将数组用分隔符拼接为字符串。push() 添加元素到最后一位。reverse() 翻转数组。返回: 操作后的数组的长度。返回: 操作后的数组的长度。返回: 拼接后的字符串。

2024-09-22 22:12:57 240

原创 JavaScript的起源

比如:用户名的长度,密码的长度,邮箱的格式等。但是,有的同学可能会有疑问,这些验证,后端不也可以进行验证吗?于是在市面上存在两个版本的JavaScript,一个网景公司的JavaScript和微软的JScript,虽然当时浏览器的巨头是网景,但是网景的浏览器是收费的,虽然微软的IE浏览器在全球的市场份额远远不及网景,但是微软的拳头产品是Windows操作系统,每一个操作系统都自带一个IE浏览器并且免费,那么,未来的发展大家可能也想到了,网景让微软给干倒闭了,1998年11月,网景被美国在线(AOL)收购。

2024-09-22 22:11:04 241

原创 meta viewport是什么? 原理是什么?

原理:<meta name="viewport" content="width=device(设备)-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/><meta name="viewport">是HTML中一个用于控制视口(viewport)设置的元标签,通常用于优化网页在移动端设备上的显示效果。width:设置视口的宽度,width=device-width表示视口的宽度等于设备的宽度。

2024-09-11 21:13:08 234

原创 编码集的作用是什么?

编码集作用方便计算机能够识别和储存各种文字。万国码规定了字符的码值,这个码值必须形成字节形式传输和存储、处理文本信息。常见的编码集:GB2312、BlG5、GBK和UTF-8。utf-8被称为万国码,基本包含了全世界所有国家需要用到的字符。

2024-09-11 21:11:27 81

原创 布局小技巧

让父元素的height=line-height,让每个子元素都加上:vertical-align:middle。若子元素为块级元素,给子元素加上:margin-top,值为父元素content-子元素盒子总高,再除以2.若子元素为行内元素,行内块元素,给父元素加上:text-align:center。若子元素为块级元素,给父元素加上:margin:0,auto。如何让子元素在父级水平居中?如何让子元素在父级垂直居中?

2024-08-25 21:43:19 117

原创 margin塌陷问题

第一个子元素的上margin会作用在父元素上,最后一个子元素的下margin会作用在父元素上,称之为margin塌陷。方案三:给父元素设置css样式over flow:hidden。方案二:给父元素设置宽度不为0的border。方案一:给父元素设置不为0的padding。什么是margin塌陷?

2024-08-25 21:38:06 99

空空如也

空空如也

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

TA关注的人

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