在网站页面的开拓中，css的应用能够使网站前端任务完成更快速，网站页面更加美妙和代码更加简约，css供给了多种多样的功能，节制HTML表面的字体巨细、颜色、甚至是页面组织的分列分布，例以下图中的字体的巨细字号、颜色和行高、内容的布风景和和线条的粗细、内容之间的间距等。
Css甚至还能够调治适应不合辨别率的浏览器，展示最完美的页面规划，此中会触及一些关于css中的属性的兼容性，假定不思量css 的兼容性，会有很多很多好用的css 属性，能更加高效便利的完成网站页面的制造。比喻：position中的属性除position: static、position: relative、position: absolute、position: fixed, position: inherit另有position: sticky; 这个属性也很好用，只是兼容性不太好。
Sticky属性有几个特点，它跟absolute纷歧样，其实不会使元素离开文档流，仍会在文档流中保留本来的职位。当容器中滚动的逾越元素中设置的偏移值时，元素就会流动。无意辰在网站页面的制造中，会碰到要求做随页面滚动，内容流动在指定职位的成果，以下图：
假定不需要思量浏览器的兼容性，那末应用position: sticky; 然后根据规划图中的间距再设置top的偏移值，就能够做出很流畅、简约的随页面滚动，内容流动在页面中指定职位的成果。然则有一种情况，当设置了position: sticky和top偏移值的元素被滚动到父元素的底部的时辰，就不会定位了。
其它，在页面制造中，也碰到需要做遮罩的成果，有做过应用定位，浮在内容的下面，用线性突变大概png图片，
响应式建网站公司，后面发了了能够用-webkit-mask-image，不外需要思量到兼容性，假定不思量兼容，那末这是一个很好的遴选。以下图：