在進行CSS書寫時,遵循一定的書寫順序可以使代碼更加清晰易讀,也可以減少出錯的可能性。下面就是一份CSS書寫的基本順序:
/* 1. 標準屬性 */ display: ; position: ; top: ; right: ; bottom: ; left: ; width: ; height: ; margin: ; padding: ; border: ; background: ; /* 2. 文本屬性 */ font: ; line-height: ; text-align: ; color: ; text-decoration: ; text-shadow: ; word-wrap: ; white-space: ; text-overflow: ; /* 3. 鏈接屬性 */ a:link {} a:visited {} a:hover {} a:active {} /* 4. 列表屬性 */ list-style: ; list-style-type: ; list-style-position: ; /* 5. 表格屬性 */ table-layout: ; border-collapse: ; border-spacing: ; /* 6. 動畫屬性 */ animation: ; transition: ; /* 7. 偽類屬性 */ :hover {} :active {} :focus {} :first-child {} :last-child {} :nth-child() {} :after {} :before {} /* 8. 媒體查詢屬性 */ @media () {}
通過以上的順序,可以方便地編寫自己的CSS代碼。同時,在書寫CSS時應注意語法的正確性,這樣才能保證代碼的可讀性和功能的正確性。
上一篇mysql中修改字段名
下一篇ie兼容jquery