大眾點評是一個在線點評服務平臺,許多用戶都使用這個平臺為自己的消費體驗留下評價。為了讓用戶的點評更加美觀和易于閱讀,大眾點評使用了CSS來裝飾網頁。
/*設置所有點評的外邊距和內邊距*/ .review { margin: 10px 0px; padding: 10px; } /*設置點評的標題*/ .review h3 { font-size: 20px; color: #333; margin-bottom: 5px; } /*設置點評的評分*/ .review .rating { display: inline-block; margin-bottom: 5px; } /*設置評分星星的圖標*/ .review .rating i { color: #F5A623; } /*設置點評內容*/ .review .content { font-size: 16px; color: #666; margin-bottom: 5px; } /*設置點評的用戶信息*/ .review .user-info { font-size: 14px; color: #999; } /*設置用戶頭像的大小*/ .review .user-info img { width: 30px; height: 30px; border-radius: 50%; margin-right: 5px; }
通過CSS的配置,大眾點評的點評內容看起來更加優美和易于閱讀。同時,大眾點評還根據不同的場景配置不同的CSS樣式,例如在搜索結果列表中的點評會顯示更少的信息并采用更加緊湊的排版。
上一篇大眾的css1.4
下一篇大眾css水泵在哪里