CSS3 AMP語法是一種推薦性的編寫CSS樣式的方法。AMP表示“命名空間模塊”,它支持在命名空間內定義CSS樣式,避免同名樣式的沖突以及影響全局樣式。
為了使用CSS3 AMP語法,需要在HTML文檔中添加命名空間。命名空間使用AMP標簽定義,例如下面示例所示:
<html ??&??> ... </html>
上面的示例中,??表示AMP命名空間的標識符。在命名空間內,可以使用amp-*
的CSS選擇器來定義樣式。例如:
<!DOCTYPE html> <html ??&??> <head> <meta charset="utf-8"> ... <style amp-custom> /* 在命名空間內定義樣式 */ amp-img { max-width: 100%; height: auto; } ... </style> </head> ... </html>
上面的代碼中,我們在命名空間內定義了amp-img
標簽的樣式。它的作用是使圖片在父元素內自適應寬度,并保持高度比例不變。
使用CSS3 AMP語法可以有效地避免樣式沖突和全局樣式的影響,提高開發效率和代碼可讀性。