CSS萬能代碼在前端開發中非常常見，它可以使開發者在編寫CSS時更加高效和快捷。下面將介紹一些常見的CSS萬能代碼，供大家學習和參考。

/*清除浮動*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
line-height: 0;
}
/*強制文字不換行*/
.nowrap {
white-space: nowrap;
}
/*文本溢出顯示省略號*/
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*自適應圖片寬度*/
img {
max-width: 100%;
height: auto;
}
/*CSS3圓角*/
.rounded {
border-radius: 5px;
}
/*CSS3陰影*/
.shadow {
box-shadow: 2px 2px 5px #999;
}
/*文本居中*/
.center {
text-align: center;
}
/*去除a標簽下劃線*/
a {
text-decoration: none;
}
/*強制所有標簽不繼承父元素字號*/
* {
font-size: inherit;
}

以上這些代碼無論是在哪個項目中都會經常用到，特別是其中一些CSS3屬性，在現在的網頁中非常流行。使用這些CSS萬能代碼可以使我們更加高效地編寫CSS代碼，同時也可以提高開發效率。