>  기사  >  웹 프론트엔드  >  CSS 초보자가 컴파일한 CSS 사용 팁

CSS 초보자가 컴파일한 CSS 사용 팁

巴扎黑
巴扎黑원래의
2017-03-18 14:05:411110검색

[소개] 1. 배경 타일에 너무 작은 이미지를 사용하지 마세요. 이것이 바로 많은 사람들이 1px를 사용하지 않고 그냥 알고 있는 이유입니다. 너비와 높이가 1px인 이미지를 200px의 영역에 타일링하려면 200*200=40,000번의 시간이 필요하고 리소스를 차지합니다. 2. 국경이 없습니다. 추천 글쓰기 방법은

1. 배경 타일에 너무 작은 그림을 사용하지 마세요. 이것이 바로 많은 사람들이 1px를 사용하지 않고 그냥 알고 있는 이유입니다. 너비와 높이가 1px인 이미지를 200px의 영역에 타일링하려면 200*200=40,000번의 시간이 필요하고 리소스를 차지합니다.

2. 국경이 없습니다. 추천 작성 방법은 border:none;, ㅎㅎ 저는 이걸 항상 사용하고 있어요. border:0; 테두리 너비를 0으로만 정의하지만 테두리 스타일과 색상은 여전히 ​​브라우저에서 구문 분석되어 리소스를 차지합니다.

3. * 와일드카드를 주의해서 사용하세요. 소위 와일드카드는 사용 여부, 구식 또는 고급 여부에 관계없이 CSS의 모든 태그를 초기화하고 많은 리소스를 소비합니다. 선택적 초기화 태그가 있어야 합니다.

4. CSS 16진수 색상 코드 약어입니다. 약어와 소문자에 익숙해지더니 분석에 소요되는 리소스를 줄이기 위해 권장하는 작성 방법이 아니라는 것을 깨달았습니다. 하지만 파일 크기도 늘어납니다. 어느 쪽이 더 좋고 더 나쁜지는 신중하게 검증해야 합니다.

5. 머리에는 스타일, 발에는 스크립트를 넣어주세요. 포함되지 않았으며 외부 링크만 있습니다.

6. CSS 표현식은 절대 사용하지 마세요.

7. @import를 통해 스타일 시트를 가져오는 대신 스타일 시트를 참조하는 데 사용합니다.

8. 일반적으로 PNG는 GIF보다 작습니다. 훨씬 작습니다. 그렇다면 GIF에서 얼마나 많은 색상이 낭비되는지는 최적화할 가치가 있습니다.

9. HTML에서 이미지 크기를 조정하지 마세요. 하나는 보기에 좋지 않고 다른 하나는 리소스를 차지합니다.

10. 텍스트 폰트는 12px, 14px, 16px 등 짝수를 사용하는 것이 가장 효과가 좋습니다. 특별한 경우, 15px.

11. 블록, ul, ol 등의 위와 아래에 한 줄 이상 간격을 두고, 왼쪽은 줄 간격의 두 배 이상, 오른쪽은 선택적으로 두 배 이상 남겨 둡니다.

12. 문단 사이에는 줄 간격이 두 배 이상이어야 합니다.

13. 특정 요소의 줄 높이를 강제로 지정합니다. 텍스트는 텍스트 크기의 1.6배, 제목은 1.3배로 설정해야 합니다.

14. 중국어 구두점은 전각 문자를 사용하세요. 영어와 중국어, 왼쪽 및 오른쪽 공백, 반각.

15. 사람에게도, 자신에게도 이로운 한자체는 볼드체나 이탤릭체는 피하는 것이 좋습니다.

위 내용은 CSS 초보자가 컴파일한 CSS 사용 팁의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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