自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 黑马Javascript基础03

案例(全选反选)

2025-02-24 18:35:52 605

原创 黑马Javascript基础03

结合 DOM 使用事件时,需要为 DOM 对象添加事件监听,等待事件发生(触发)时,便立即调用一个函数。是 DOM 对象专门用来添加事件监听的方法,它的两个参数分别为【事件类型】和【事件回调】。任意事件类型被触发时与事件相关的信息会被以对象的形式记录下来,我们称这个对象为事件对象。大白话描述:所谓的事件无非就是找个机会(事件触发)调用一个函数(回调函数)。事件回调函数的【第1个参数】即所谓的事件对象,通常习惯性的将这个对数命名为。事件是编程语言中的术语,它是用来描述程序的行为或状态的,

2025-02-22 22:56:51 331

原创 黑马Javascript基础02

标准属性: 标签天生自带的属性 比如class id title等, 可以直接使用点语法操作比如: disabled、checked、selected自定义属性:在html5中推出来了专门的data-自定义属性在标签上一律以data-开头在DOM对象上一律以dataset对象方式获取。

2025-02-20 20:32:13 1561

原创 黑马Javascript基础01

第一周的大部分知识与学过的C语言相通完成第一周D5的练习题。

2025-02-17 19:41:24 225

原创 尚硅谷前端入门html+css零基础教程16

1. 元素开启 BFC 后,其子元素不会再产生 margin 塌陷问题。2. 元素开启 BFC 后,自己不会被其他浮动元素所覆盖。3. 元素开启 BFC 后,就算其子元素浮动,元素自身高度也不会塌陷。

2025-01-24 18:20:33 690

原创 尚硅谷前端入门html+css零基础教程15

2009 年, W3C 提出了一种新的盒子模型 —— Flexible Box (伸缩盒模型,又称:弹性盒子)。它可以轻松的控制:元素分布方式、元素对齐方式、元素视觉顺序 .......截止目前,除了在部分 IE 浏览器不支持,其他浏览器均已全部支持。伸缩盒模型的出现,逐渐演变出了一套新的布局方案 —— flex 布局。

2025-01-23 20:41:29 752

原创 尚硅谷前端入门html+css零基础教程14

1. 简单方式定义:2. 完整方式定义:

2025-01-22 19:13:15 1425

原创 尚硅谷前端入门html+css零基础教程13

2D 位移可以改变元素的位置,具体使用方式如下:1. 先给元素添加 转换属性 transform。

2025-01-21 18:56:35 1476

原创 尚硅谷前端入门html+css零基础教程12

1. rem 根元素字体大小的倍数,只与根元素字体大小有关。2. vw 视口宽度的百分之多少 10vw 就是视口宽度的 10%。3. vh 视口高度的百分之多少 10vh 就是视口高度的 10%。4. vmax 视口宽高中大的那个的百分之多少。(了解即可)5. vmin 视口宽高中小的那个的百分之多少。(了解即可)

2025-01-20 20:43:01 667

原创 尚硅谷前端入门html+css零基础教程11

HTML5是新一代的HTML标准,2014年10月由万维网联盟(W3C)完成标准制定。官网地址:W3C提供:https://www.w3.org/TR/html/index.htmlWHATWG提供:https://whatwg-cn.github.io/html/multipageHTML5在狭义上是指新一代的HTML标准,在广义上是指:整个前端。

2025-01-18 21:32:56 497

原创 尚硅谷前端入门html+css零基础教程10

尚品汇顶部导航条头部主导航内容区侧边导航侧边二级导航右边尚品快报右侧图标导航秒杀楼层页脚结果

2025-01-15 00:16:06 147

原创 尚硅谷前端入门html+css零基础教程09

给元素设置 position: absolute 即可实现绝对定位。可以使用 left 、 right 、 top 、 bottom 四个属性调整位置。绝对定位的参考点在哪里?参考它的包含块。1. 脱离文档流,会对后面的兄弟元素、父元素有影响。2. left 不能和 right 一起设置, top 和 bottom 不能一起设置。3. 绝对定位、浮动不能同时设置,如果同时设置,浮动失效,以定位为主。4. 绝对定位的元素,也能通过 margin 调整位置,但不推荐这样做。

2025-01-12 19:53:54 706

原创 尚硅谷前端入门html+css零基础教程08

1. 行内元素、行内块元素,可以被父元素当做文本处理。即:可以像处理文本对齐一样,去处理:行内、行内块在父元素中的对齐。例如: text-align 、 line-height 、 text-indent 等。2. 如何让子元素,在父亲中 水平居中:若子元素为块元素,给父元素加上: margin:0 auto;。为行内元素、行内块元素,给父元素加上: text-align:center。

2025-01-11 21:24:11 676

原创 尚硅谷前端入门html+css零基础教程07

块元素(block)1. 主体结构标签: <html> 、 <body>2. 排版标签: <h1> ~ <h6> 、 <hr> 、 <p> 、 <pre> 、 <div>3. 列表标签: <ul> 、 <ol> 、 <li> 、 <dl> 、 <dt> 、 <dd>4. 表格相关标签: <table> 、 <tbody> 、 <thead> 、 <tfoot> 、 <tr> 、<caption>5. <form> 与 <option>行内元素(inline)

2025-01-10 20:55:04 741

原创 尚硅谷前端入门html+css零基础教程06

属性名: color作用:控制文字的颜色。可选值:1. 颜色名2. rgb 或 rgba3. HEX 或 HEXA (十六进制)4. HSL 或 HSLA。

2025-01-08 22:09:10 480

原创 尚硅谷前端入门html+css零基础教程05

通过不同的选择器,选中相同的元素 ,并且为相同的样式名设置不同的值时,就发生了样式的冲突。到底应用哪个样式,此时就需要看优先级了。行内样式 > ID选择器 > 类选择器 > 元素选择器 > 通配选择器。2. 比较规则:按照从左到右的顺序,依次比较大小,当前位胜出后,后面的不再对比,例如:3. 特殊规则:1. 行内样式权重大于所有选择器。2.!important 的权重,大于行内样式,大于所有选择器,权重最高!

2025-01-05 21:56:14 832

原创 尚硅谷前端入门html+css零基础教程04

1. :link 超链接未被访问的状态。2. :visited 超链接访问过的状态。3. :hover 鼠标悬停在元素上的状态。4. :active 元素激活的状态。

2025-01-03 21:54:52 313

原创 尚硅谷前端入门html+css零基础教程03

基本选择器特点用法通配选择器选中所有标签,一般用于清除样式。元素选择器选中所有同种标签,但是不能差异化选择。类选择器选中所有特定类名( class 值)的元素 —— 使用频率很高。ID 选择器选中特定 id 值的那个元素(唯一的)。

2025-01-02 21:50:42 812

原创 尚硅谷前端入门html+css零基础教程02

中不要单独使用

2025-01-01 22:42:03 721

原创 尚硅谷前端入门html+css零基础教程01

hello world!

2024-12-31 20:40:32 591 1

空空如也

空空如也

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

TA关注的人

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