个人网站样式
介绍
这个网站使用了一种流畅的滚动效果,并且在所有设备上都具有响应式设计。字体采用了无衬线字体,以提供清晰的阅读体验。此外,网页的整体布局是简洁和优雅的,为用户提供了舒适的浏览环境。
HTML和CSS样式
以下是一些主要的HTML和CSS样式:
body{padding:0}
:设置了页面的内边距为0,使得内容可以紧贴页面边缘。body,html{scroll-behavior:smooth;width:100%;height:100%}
:设置了滚动条的行为为平滑,并使页面宽度和高度为100%,从而实现全屏显示的效果。input::-ms-clear,input::-ms-reveal{display:none}
:这是针对Internet Explorer浏览器的样式,用于隐藏清除按钮或揭示密码输入框的内容。*,:after,:before{box-sizing:border-box}
:这是为了确保元素的宽度和高度包括其边框和内边距。html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}
:这些样式设置了全局字体、行高和其他一些文本相关的样式。
以上就是这个网站的主要样式设置,它们共同工作,使得网站在视觉上更加吸引人,用户体验也得到了提升。