殼牌在台灣

网站介绍

这是一个使用Sass变量自定义样式的网站。通过在CSS中使用:root和:host伪类，可以定义全局或特定主机的样式。在这个例子中，我们使用了以下变量：

• --font-type:设置字体类型为”shell-typeface”,即Shell风格的类型字体。
• --font-default:设置默认字体为Arial、Roboto、Helvetica和sans-serif。
• --font-headers:设置标题字体为上述两种字体的组合。
• --font-size:设置正文字体大小为14像素。
• --font-scale:设置字体缩放比例为1。
• --logo-ratio:设置Logo的宽度与高度的比例为1。
• --logo:设置Logo的URL,这里使用的是一个SVG格式的图片，内容为一个简单的Shell风格的图标。

通过这些变量的定义，可以实现网站的自定义样式效果，使页面更具个性和美观性。开发者可以根据自己的需求修改这些变量的值，以适应不同的设计风格和品牌形象。