- 博客(4)
- 收藏
- 关注
RSS订阅原创 css中使文字在盒子中垂直居中的两种方式
利用行高上下两侧距离相等的原理实现文本垂直居中。具体代码为使line-height与盒子的height像素相等就可以实现，但需要注意的是，因为displa=inline-block的影响，可能经常会出现把行高写成inline-height，从而导致处置居中实现不了，所以如果显是的效果不同，建议先检查一下哈高的代码写没写错，反正我是经常写错，接下来是实现的原理，如果不想了解的，可以直接跳过去看的第二种方式。
2024-02-10 16:29:38
819
原创 js的基础知识与理解（一）
html,css与js作为前端三剑客，分别握着结构，样式和功能三大宝剑，初学者在学习前两者想必很快乐，因为很快就会有实时反馈。而JavaScript却使很多人痛苦，在开始之前，先告诉大家，js是使你的网页接近官方网站最重要的一部分，只有学好了js，才能获得动态效果，才能具有与用户交互的功能和首页中的搜索效果，接下来开始我们的学习。作为一门脚本语言，其虽不具有开发操作系统的功能，但它的广泛的应用领域使他颇受欢迎，学会他，既能写出好看的网站，也能开发一些程序，对于编程新手是一举两得。
2023-12-19 15:25:05
306
原创 html:如何改变文字在图片中的位置
父级元素添加position：relative，使添加了position：absolute的子元素可以相对于父级元素随意改变位置，而p选择器里的widh：100%使p标签不会只呈现文字的大小，从而实现居中，而其他的位置只需要改变top，right，left等的属性值，其中，属性值最好使用百分比，如居于正中间，可以写成top：50%，right：50%。文字在图片中的位置常出现底部中央，正中间。友情提示：图片中的文字不改变字体的粗细，是很不好看的，最好用font-height属性改变一下。
2023-12-14 23:03:51
1031
原创 html:对网页中导航的理解
第二种方法，就是布局display：flex，因为主轴的原因，实现了横向排列，但需要注意的是，当子级元素的总宽度大于父级元素时，需要添加flex-wrap：wrap才能进行换行。但请注意，这种方法，需要在每一个盒子都加入display：inline-block，而且如果要求在同一行中要两个导航，且在两端，就不好实现了。网页中的导航的难点在于如何使元素进行横向排列，而以我的理解，有两种解决方法可以解决这个问题。
2023-12-13 19:58:03
444
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人