- 博客(16)
- 收藏
- 关注
RSS订阅原创 H5C3练习心得2024.01.05（鼠标移入旋转动画）--filter,::after,z-index
等我做完这一系列关于动画的案例，我会结合案例和代码以及自己的分析见解，来逐步解析动画的知识点，想看的同学们等我两天。时，定位之间会出现重叠现象，这时我们就需要用到z-index来设置他们的层叠样式。其它相关知识点请看下面这位博主写的，我以后遇到了相关的我在更新吧。其他的详细内容可以看这位博主写的，我以后碰到类似详细的再更新。取值越大，定位元素在层叠元素中越居上。，content用来定义插入的内容，::before和::after。content必须有值，至少是空。多个元素就相当于有多个图层。
2024-01-05 15:16:42
402
1
原创 H5C3练习心得 2024.01.04（鼠标悬停缩放效果）--box-shadow，font字体，文本样式
font属性用于设置文字的复合属性 ：文本的正斜、字体粗细、字体大小、字体、字体尺寸。
2024-01-04 17:08:03
1132
原创 H5C3练习心得 2024.01.03（文字加载动画效果）--transition,动画渲染，遮罩层
在 CSS3 中加入了一项过渡功能，通过该功能您可以将元素从一种样式在指定时间内平滑的过渡到另一种样式，类似于简单的动画，但无需借助 flash 或 JavaScript。通常将css的属性值更改后，浏览器会立即更新新的样式，例如在鼠标悬停在元素上时，通过 :hover 选择器定义的样式会立即应用在元素上。我这段代码就是：设置一个遮罩层为白色，当鼠标在盒子上时，遮罩层显示为灰色。就是我的遮罩层的颜色我设置的rgb为灰色，导致遮罩层使用后我的图片无法显示。设置过渡效果开始之前需要等待的时间，默认为0。
2024-01-03 23:02:14
1430
1
原创 H5C3练习心得12.26（音乐排行榜效果）--white-space,text-overflow
这个css样式用来设置元素对内容中的空格的处理方式给内容可能溢出的元素设置样式。
2023-12-25 23:03:54
675
1
原创 面试必问的十五个问题：拿捏面试官
嘿嘿嘿，看到的人别急，今天有点晚了，我先搭一个框架，明天在填充，想看内容的朋友明天来。好了好了，就写到这里吧，如果有学前端的小朋友需要，评论区留言我可以给你发我面试回答问题的答案哦。
2023-12-24 22:56:26
324
原创 招聘软件上的话术：如何回应可以拿捏BOSS
Boss,你好，我对您发布的....岗位很感兴趣，希望能和你沟通一下。我是...，毕业于....，我看您发布的招聘我很符合要求，你看方便的话我把我的简历发给您看看。Boss您好，这边看您已经已读过我的消息，但是没有回复，是否有什么疑虑呢，这边可以给您提供更细致的信息，如果您觉得不合适，也麻烦告知一声，期待您的回复，谢谢。Boss您好，，感谢您查看我的简历，您没有回复，想知道是否满足您的岗位要求呢，如果您需要更细致的信息，这边也可以提供给您，如果您觉得不合适，也麻烦告知一声，期待您的回复，谢谢。如果您觉得我还
2023-12-23 21:36:30
1388
1
原创 H5C3练习心得12.20 （音乐排行榜效果）--表格,col,:nth-child()和:nth-of-type(),not()
col为表格内单标签元素，只能在table元素或者colgroup元素中使用。其属性值主要包括如下几种，均能通过CSS属性实现。col 用于定义表格中的列。
2023-12-20 22:37:37
626
原创 H5C3练习心得12.18（时间轴效果）--linear-gredient,border-radius
linear-gradient()函数用于创建两种或多种颜色线性渐变的图片是css的一个属性，主要用来给元素的外边框绘制圆角效果.2.参数值border-radius属性可以拆分为border-top-left-radius（左上角）、border-top-right-radius（右上角）、border-bottom-right-radius（右下角）、border-bottom-left-radius（左下角）四个属性。属性值的单位可以使用：em、px、%等等。px:半径值就是像素值。
2023-12-18 22:58:39
1329
1
原创 H5C3练习心得 12.17（小米商城下拉二级菜单）--hover,display
然后当鼠标悬停在li上的时候,div设置成display:block;大家有什么不懂可以在评论区问我，或者我的代码有什么值得改进的地方，欢迎大家给我更好的建议。鼠标悬停在A元素时，改变A的指定兄弟元素B的样式（AB可以不相邻，但B必须在A之后）然后，当鼠标悬停在下拉菜单所在的元素上时，我们使用。鼠标悬停在A元素时，改变与A相邻的兄弟元素B元素的样式（B必须与A相邻）以下是我做小米商城下拉二级菜单的代码，大家有需要的可以运行运行，琢磨琢磨。鼠标悬停在A元素时,改变A元素的子元素B元素的样式。
2023-12-17 19:39:00
531
1
原创 H5C3练习总结12.16 （小米商城右侧悬浮菜单）--怪异盒子，calc()
怪异盒子是指在CSS中，元素的盒模型表现与标准盒模型不同的情况。在标准盒模型中，元素的宽度和高度只包括内容区域，而在怪异盒子模型中，元素的宽度和高度还包括了边框和内边距。看上面手机APP那个盒子和旁边的放图片的盒子都是设置的width:100px;我们设置的width只是内容的宽度，padding,margin,border本来就要加在总体盒子大小中。在移动端开发中，由于屏幕空间有限，怪异盒子模型更常用，因为它可以更好地控制元素的尺寸和布局。，元素的宽度和高度包括了边框和内边距，而不会撑开元素的尺寸。
2023-12-16 22:52:25
809
1
原创 H5C3练习总结12.14（小米商城右侧悬浮菜单）--firstchild,定位，选择器
如果只有一个div标签没有子元素，内容是不会生效的，但是，把内容放到div标签下再建一个子元素标签放内容，子元素的内容设置的样式是会生效的！上面代码为例的意思是：以ul为目标的最后一个li的内容设置样式，也就是最后一个小盒子特别的进行设置。
2023-12-14 20:51:22
945
原创 H5C3练习心得12.13（小米商城右侧悬浮菜单）
看上面两个图，我的内容是溢出了的，我虽然设置了下外边距5px,但是看第二张图橙色的是我设置的外边距，下面盒子间还是有一段距离，不知道哪里来的，而且每一个盒子中都有这么一段距离。是不是我设置了float溢出了需要清除浮动，我暂时先删除了float部分代码，发现没有用，我清除浮动仍然没有用。来解决，显然结果掩耳盗铃，只是把溢出的部分除去了，距离仍然存在。我发现那盒子之间的每段距离是p标签造成的，p标签是块级标签，相当于一个小盒子。置于需要转变的原因和转变方法，还有我为什么想到转变请看我的12.10篇博文。
2023-12-13 23:03:53
463
原创 H5C3练习总结12.12--外边距的合并，弹性盒子
1.外边距实现盒子居中对齐让一个盒子水平居中需要满足以下条件：.必须是块级元素.盒子必须设置宽度给左右外边距都设置auto就可以实现盒子水平居中2.外边距的合并当上下两个相邻的块元素相遇时，如果上面那个块元素设置了margin-bottom而下面那个块元素设置了margin-top，则它们两个块元素的垂直间距不是margin-bottom和margin-top之和，而是两者中的较大者，这种现象叫相邻元素垂直外边距的合并也称外边距的合并。
2023-12-12 22:08:44
1541
原创 H5C3练习心得（小米商城）12.11
行内元素对边距与内边距的限制，是指在水平方向上，给行内元素设置内外边距都会生效，但在垂直方向上，给行内元素只能设置外边距，设置内边距无效，虽然在显示上会扩大元素的范围，但对周围元素没有影响。特殊的是<img>元素，虽然<img>是一个内联元素，但是它是可以在垂直方向上设置内边距的，因为它被视为一个替换元素，它的内边距会影响到替换元素的内容。<img>是一个特殊的元素类型，被归类为可替换元素，可替换元素是指其显示的内容不是由其内容决定的，而是来自外部资源或通过其他方式动态生成的内容。
2023-12-11 23:10:28
970
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人