CSS規則的快捷鍵可以極大地提高工作效率,適應了快節奏的開發需求。以下是一些常見的CSS快捷鍵:
1. 選擇器縮寫: 常見選擇器縮寫包括以下內容: · # 代表 id 選擇器 · . 代表 class 選擇器 · * 代表通用選擇器 例如:將以下CSS規則縮寫為: #wrapper .article h2 { font-size: 20px; color: #333; } 縮寫后的規則為: #wrapper .article h2 { font: 20px/1.5 sans-serif; color: #333; } 2. 公共屬性縮寫: 如果有多個元素共享同一些屬性時, 可以使用公共屬性縮寫來簡化代碼。 例如: h1, h2, h3, h4, h5, h6 { font-weight: bold; font-style: normal; } 對應的縮寫為: h1, h2, h3, h4, h5, h6 { font: bold normal 1.5em/1.3em sans-serif; } 3. 邊框縮寫: 邊框縮寫可以讓你快速設置元素的邊框樣式。 例如: border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; 對應的縮寫為: border: 1px solid #000;
上一篇mysql多表刪除含外鍵
下一篇mysql 查詢表外鍵