Html/CSS
-
CSS终于在2024年增加了垂直居中功能align-content:center
CSS终于在 2024 年增加了垂直居中功能align-content: center,CSS 对齐一般会使用 flexbox 或 grid 布局,因为 align-content 在默认的流式布局中不起作用。在 2024 年,浏览器实现了 align-content。
-
常用的一些CSS代码规则
常用的一些CSS代码规则:限制视口内的内容宽度、增加正文文本大小、增加文本行之间的间距、限制图片宽度、限制内容中文本的宽度、以更平衡的方式包裹标题、表单控件颜色与页面样式匹配、易于跟随的表格行
-
一种适合 H5 屏幕适配方案
动态rem适配方案,适合H5项目的适配方案。
-
现代CSS:全新的 display 属性
现代CSS:全新的 display 属性,现代浏览器已经支持了 display 多值语法。我们使用的 display 单值语法已经被视为传统值,但为了向后兼容,浏览器中仍保留了这些值。
-
CSS适配iOS全面屏底部横条
CSS适配iOS全面屏底部横条,所有开发者应对资源页面做好不同手机型号的适配效果,不影响用户的正常浏览使用。其中IOS全面屏手机底部横线不可遮挡页面的具体功能和内容。
-
无需公众号实现微信JSSDK分享卡片!Safari浏览器分享到微信自动成卡片!
要在微信分享卡片,需要接入微信自家的JSSDK,比较麻烦,还需要认证公众号,但是如果你没有这样的条件,那么你也可以试试使用iOS的Safari浏览器轻松实现,只需要在html中加入…
-
解决访问国外公共静态资源速度慢的问题
由于众所周知的原因,jsdelivr国内被墙,部分地区可能无法正常访问,其他国外的公共静态资源也存在访问速度慢或无法正常访问的问题,为解决该问题,辉哥博客&蓝易云安全开发了国外静态资源js和css资源CDN替换国内的脚本,供所有用户免费使用。
-
js通过单击按钮实现全屏、退出全屏
js通过单击按钮实现全屏、退出全屏
-
网站添加弹窗通知
网站添加弹窗通知
-
手机浏览器添加到主屏幕(桌面)的图标设置以及WebApp模式
在手机浏览器上打开某个网站的时候,菜单中有这么一个选项”添加到主屏幕”,当然不同的手机改菜单选项的名字有所不同基本上叫”添加到桌面”…
-
css修改导航条样式
近期由于工作需要要修改table表格导航条样式。本人特整理出相关代码,以及最后效果,供各位小伙伴参考。 具体代码如下: .xp-table-content ::-webkit-sc…
-
H5网页布局+css代码美化
HTML5的结构化标签,对搜索引擎更友好 li 标签对不利于搜索引擎的收录,尽量少用 banner图片一般拥有版权,不需要搜索引擎收录,因此可以使用ul + li <samp…
-
CSS代码判断实现PC端隐藏 手机端显示
CSS代码判断实现PC端隐藏 手机端显示,有些内容部署在PC端但是有不适合在手机端显示(比如盒子过大,遮挡内容)或者手机端显示毫无意义等。我们可以使用下面的代码来实现:电脑端显示,手机端隐藏
-
先睹为快即将到来的HTML6
先睹为快即将到来的HTML6。随着 HTML5 的普及,在 2014 年,这种标记语言发生了很多变化,变得更加友好,浏览器对新标准的支持热度也越来越高。而HTML并不止于此,还在不断发生变化,并且可能会获得一些特性来证明对 HTML6 的命名更改是合理的。