CSS中的媒體查詢可以用于針對不同的設備和不同的屏幕大小，定制不同的樣式。常見的媒體類型包括screen、print、speech、all等，而常用的媒體特性則包括width、height、aspect-ratio等。下面是一些CSS中常用的媒體查詢：

/* 媒體查詢在不同寬度下設置字體大小 */
@media screen and (max-width: 768px) {
p {
font-size: 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
p {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
p {
font-size: 18px;
}
}
/* 媒體查詢在不同設備上調整樣式 */
@media screen and (max-width: 767px) {
/* 移動設備 */
p {
padding: 10px;
background-color: #f0f0f0;
}
}
@media screen and (min-width:768px) and (max-width: 1024px) {
/* 平板設備 */
p {
padding: 20px;
background-color: #e0e0e0;
}
}
@media screen and (min-width:1024px) {
/* PC設備 */
p {
padding: 30px;
background-color: #d0d0d0;
}
}

通過使用媒體查詢，可以為不同的設備和屏幕大小設置不同的樣式，使網頁在不同的設備上具有更好的適應性和可用性。