![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
大前端干货铺
文章平均质量分 80
小白村第一深情
好菜呀,好菜一个,一个好菜
展开
-
用半天时间从零开始复习前端之html
首先就是玩编程必备的编译器,这里推荐vscode(微软开发,免费,性能好,插件多);不过这里老师带我们用的是webStorm2022版(收费但网上有破解,针对前端大型开发的一款编译器,专业性强“新手的话建议vscode,有后端语言例如java,python,go等用这个会更舒服🤣”)原创 2023-09-05 13:51:36 · 993 阅读 · 0 评论 -
uniapp前端图片布局时z-index出现的几个问题
如果两个定位元素重叠,且z-index值相同,则后定义的元素会覆盖先定义的元素。- son1的position为static,父元素的z-index: 会覆盖它的z-index: 5,所以son1会显示在最上层。- son2的position为absolute,父元素的z-index不会影响它,它会根据自己的z-index: 2显示在son1下层。父元素的overflow属性为hidden:如果元素的父元素或祖先元素的overflow属性为hidden,那么该元素的z-index会失效。原创 2023-05-22 15:48:10 · 2525 阅读 · 0 评论 -
id选择器和class选择器
id选择器用来选取带有给定id属性的元素。语法:#id例如:htmlcss。原创 2023-05-13 17:43:56 · 5447 阅读 · 0 评论 -
谈谈浮动布局
浮动元素不会影响行内元素、浮动元素和定位元素。3. 浮动元素的父级边框会包裹住浮动元素。可以使用clear来结束浮动。6. 如果浮动元素也设置了定位,则定位的效果会覆盖浮动的效果。让浮动元素的父元素也浮动,则不会产生浮动的影响。常用的清除浮动的方法有:1. 使用clear:both在最后一个浮动元素下方的元素中使用clear:both可以清除浮动。浮动布局是网页布局的一种常用方式,它能使元素向左或向右浮动,直到碰到父元素边框或另一个浮动元素。4. 浮动元素是相对其第一个不是浮动的父元素进行定位的。原创 2023-05-13 15:43:59 · 650 阅读 · 0 评论 -
关于块元素和行元素之间的转换
将块级元素设置为行内元素(inline),可以通过以下几种方式:1. display: inline;这个是最直接的方式,通过设置display样式为inline,可以将块级元素变为行内元素。例如:cssdiv {将div元素变为行内元素。当一个元素设置float属性后,其display属性会被重置为行内块inline-block,产生行内元素的效果。例如:cssdiv {原创 2023-05-13 15:39:05 · 6579 阅读 · 0 评论 -
px与rem和rpx的换算以及应用场景
px(pixel)和rem(root em)都是用于测量长度的单位,但是它们有不同的换算关系。px是绝对单位,1px = 1/96寸。在不同设备上,1px对应不同的物理尺寸,所以不适合用于响应式布局。rem是相对单位,它是相对于根元素<html>的字体大小来计算的。所以,如果html的font-size是16px,则1rem = 16px。如果html的font-size是20px,则1rem = 20px。原创 2023-05-13 13:49:24 · 3709 阅读 · 0 评论 -
如何给图片设置按钮的效果
前端可以通过以下几种方式为图片设置交互效果:1. CSS hover 选择器。最简单的方式是使用 CSS 的 hover 选择器,当鼠标悬停在图片上时触发交互效果。例如:cssimg {// 悬停时缩放图片// 添加过渡效果2. JavaScript 事件。可以为图片绑定 JavaScript 事件,在事件处理器中设置交互效果。例如:js})})如果要实现图片的缩放、移动、透明度变化等平滑过渡效果,可以利用 CSS transition。例如:cssimg {原创 2023-05-11 18:59:20 · 1814 阅读 · 0 评论 -
5件关于JavaScript中this参数的事
如果您真的想使用 this 关键字,或者受限于应用程序内部已经做出的决定,请记住该函数应作为方法调用以指向正确的对象。如果真的不喜欢使用 this 关键字,您也可以考虑使用闭包实现对象并完全避免使用 this。转载 2022-11-18 08:41:41 · 94 阅读 · 0 评论