前端哥

html css基础教程入门篇之CSS 浮动行框和清理

2024-11-10行框和清理浮动框旁边的行框被缩短,从而给浮动框留出空间,行框围绕浮动框。因此,创建浮动框可以使文本围绕图像:要想阻止行框围绕浮动框,需要对该框应用。clear 属性的值可以是 left、right、both 或 none,它表示框的哪些边不应该挨着浮动框。为了实现这种效果,在被清理的元素的_上外边距_上添加足够的空间,使元素的顶边缘垂直下降到浮动框下面:这是一个有用的工具,它让周围的元素为浮动元素留出空间。让我们更详细地看看浮动和清理。

https://www.qianduange.cn//article/20154.html 分类:前端知识

兼容问题---ios底部的安全距离css设置

2024-11-04有一点要注意,在IOS11.2系统以前,可以使用constant()函数,但是在IOS11.2系统以后,这个函数就被废弃了,被env()函数替代了。2. 同时设置env和constant代码,同样env()和constant()需要同时存在,而且顺序不能换。1. 需要将viewport设置为cover,env和constant才能生效。这里不一定用padding-bottom可以是margin-bottom设置,具体看实际情况!采用viewport env constant方案。_ios 底部安全距离

https://www.qianduange.cn//article/19840.html 分类:前端知识

【CSS3】css开篇基础(4)

2024-10-27相对定位相对的是它原本在文档流中的位置而进行的偏移,并且relative定位遵循正常的文档流,它没有脱离文档流,但是它的top/left/right/bottom属性是生效的。当产生浮动后,我们的浮动元素盒子默认高度是0,所以如果一个盒子里装的全是浮动盒子,该盒子高度就为0,就会坍塌掉,同时还会影响到后面标准流的布局。子绝父相 —— 虽然父元素的定位可以是相对、绝对或者固定定位,但是绝对定位和固定定位都会脱离标准流,所以我们实际开发中,一般都使用相对定位,这就是常说的子绝父相。_css3点状虚线

https://www.qianduange.cn//article/19233.html 分类:前端知识

HTML5:七天学会基础动画网页10

2024-06-173D转换,正常取值0/1,0代表当前轴线不进行旋转,1反之,例:rotate3d(1,1,1,30deg),代表三个轴线都要旋转30度 rotate3d(0,1,1,30deg)代表X轴不旋转,Y,Z轴旋转30度。x-axis:定义视图被置于X轴的何处,可能的值 left,center,right,length,%y-axis:定义视图被置于Y轴的何处,可能的值 top,center,bottom,length,%/* 写在父元素上保留3D效果 */

https://www.qianduange.cn//article/12466.html 分类:前端知识

css 安全区域 safe-area-inset-

2024-09-21安全区域与边界是iOS11 新增特性。_safe-area-inset-bottom

https://www.qianduange.cn//article/18490.html 分类:前端知识

html和css(2)

2024-09-09该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角 分开写:border-top-left-radius、border-top-right-radius、border-bottom-right-radius 和 border-bottom-left-radius。注意:浮动的元素是互相贴靠在一起的(不会有缝隙),如果父级宽度装不下这些浮动的盒子,多出的盒子会另起一行对齐。1.定位组成 定位:将盒子定在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。

https://www.qianduange.cn//article/18020.html 分类:前端知识

C RapidJSON 解析库应用

2024-09-01​RapidJSON是腾讯开源的一个高效的C JSON解析器及生成器,它是只有头文件的C 库。RapidJSON是跨平台的,支持Windows, Linux, Mac OS X及iOS, Android。它的源码在GitHub - Tencent/rapidjson: A fast JSON parser/generator for C with both SAX/DOM style API,稳定版本为2016年发布的1.1.0版本。官方教程:RapidJSON: 教程​

https://www.qianduange.cn//article/17494.html 分类:前端知识

携程testab补环境/纯算分析

2024-08-30因为js是动态的 所以要保存一份作为替换以便调试 SekishikiMeikaiHa会传入一个window和一个打对象 是先调用的方法 然后返回了一个方法 然后再传入的 _bot_1417为window。_bot_3bd0a这个是传入的对象 看下在哪使用到了这个对象 (可以了解一下vmp的执行过程 这里就不多说了)尝试把代码扣下来放在本地执行 查看decode返回的结果 发现是一个二维数组(vmp里面是指令集 不过多的介绍了)所以在在里面打了一个断点 然后执行到了这里 看一下e()执行了什么。_携程 tabtest

https://www.qianduange.cn//article/17165.html 分类:前端知识

如何清除浮动

2024-08-30文章介绍了清除浮动的四种常见方法:1)额外标签法,通过添加空标签并设置`clear:both`;2)使用`overflow:hidden`对父元素进行处理;3)通过`:after`伪元素为父元素清除浮动;4)结合`:after`和`:before`双伪元素清除浮动。这些方法主要用于解决CSS布局中因浮动元素导致的父元素高度塌陷问题。

https://www.qianduange.cn//article/17151.html 分类:前端知识

CSS设置移动端页面底部安全距离

2024-08-27env(safe-area-inset-bottom)是一个CSS属性值,用于设置底部安全距离。它表示使用环境变量来获取底部安全距离的值。当使用环境变量时,需要使用env()函数来引用具体的环境变量。这将把.box元素的底部padding设置为环境变量safe-area-inset-bottom的值。_env(safe-area-inset-bottom)

https://www.qianduange.cn//article/16945.html 分类:前端知识

66条数据,当前1/7

最近搜索

会员中心 联系我 留言建议 回顶部