这个网站是一个用于帮助用户进行网页设计的工具,提供了一些基本的CSS样式和属性设置。其中包括:
X.avalonHide
类将页面的某些元素隐藏起来,使用display:none!important
来保证这些元素不被浏览器默认的隐藏方式所影响。- 对于整个页面或者特定的元素(如图像、链接等),通过 CSS 属性
user-select: none;
来确保它们不被用户选中或拖动。 - 对于整个页面或特定的元素,使用 CSS 属性
pointer-events: none;
来阻止鼠标对元素的点击事件或触摸事件。 .ui-helper-global-drag *{...}
是针对整个页面或特定元素添加全局拖拽事件的处理,包括禁用触摸调用、禁止右键操作等。.info-con1{...}
是用于定义一个信息框,宽度为 40%,并且居中显示在页面的左侧。@media screen and (max-width:996px){...}
是一种媒体查询,当屏幕宽度小于等于 996px 时,会对某些样式进行调整,例如改变.info-con1
的宽度为 80%。
这个网站主要用于帮助设计师和开发者快速地创建和调整网页布局、颜色和交互性,提高网站的用户体验。