- 博客(20)
- 收藏
- 关注
原创 黑马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
原创 尚硅谷前端入门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零基础教程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零基础教程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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1