>  기사  >  웹 프론트엔드  >  CSS 작성 시 주의사항 요약 및 공유

CSS 작성 시 주의사항 요약 및 공유

黄舟
黄舟원래의
2017-09-16 11:37:091463검색

CSS를 작성하려면 축적이 필요하며, 좋은 CSS 작성 습관은 우리의 미래 성장에 매우 유익합니다. 제가 자주 보거나 접하는 내용을 여기에서 수시로 업데이트하고 가끔씩 살펴보도록 하겠습니다.

독자 여러분도 의견이나 제안 사항이 있으시면 댓글을 남겨주시면 업데이트하도록 하겠습니다. 감사합니다!

1. CSS 선택자는 #nav li와 같이 오른쪽에서 왼쪽으로 비교됩니다. 검색할 때 모든 li를 먼저 찾은 다음 상위 요소를 필터링하여 일치하는 상위 요소를 결정합니다. 따라서 성능은 다음과 같습니다. 실제로는 매우 열악합니다

그래서 깊이를 줄여보세요

3. 최신 법적 CSS 속성을 사용하세요

4. 하위 항목 선택자를 사용하세요

 #tp p{}   (父)                                         
 #tp>p{}  (子)

5. .mod *{}

와 같은 와일드카드 사용 6. 한눈에 이해하기 쉬운 단어가 아닌 이상 이름을 축약하지 마세요

7. 영어, 영어 약어 또는 병음을 일관되게 사용하세요

8 , CSS 주석 19791207a4e0a22c816ac020ecd8cae0 한 줄 주석 /**/ 여러 줄 주석

9. 일부 속성은 브라우저와 호환되어야 합니다.

10. 각 CSS는 한 줄

11로 정의됩니다. 모든 장식 이미지는 CSS

12로 작성해야 하며 문서에서

13으로 정의되어야 합니다. CSS 코드 이름을 지정할 때 하이픈 커넥터

14. 단위는 em 및 %

15와 같은 상대적 길이 단위를 사용하는 것이 좋습니다. CSS에서는 표현식을 주의해서 사용하고

16을 사용하지 마세요. . 필터는 코드 읽기에 영향을 미치므로 CSS에서 필터를 사용하지 마세요. 속도와 호환성을 얻으세요

위 내용은 CSS 작성 시 주의사항 요약 및 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.