제가 직접 프론트엔드 개발을 할 때 흔히 사용하는 몇몇 기술과 문제 해결 방법이 자주 업데이트되어 프론트엔드를 진행하는 친구들에게 도움이 되기를 바랍니다.
1. 기사 제목 목록 오른쪽에 날짜를 표시하는 방법(2가지 방법이 제공되며, 상황에 따라 활용도가 달라집니다):
방법 1: 이 버전의 2층 아이디어(감사합니다~)는 리소스를 덜 소모하고 코드가 두 줄 더 늘어납니다.
<p>@Mr.Think기사 제목입니다<span>2010-10-10</span></p>
CSS 정의:
p{위치:상대적}
p 범위{위치:절대 오른쪽:0}
방법 2: 코드는 방법 1보다 적지만 리소스를 더 많이 소비합니다.
<p><span>2010-10-10</span>@Mr.Think기사 제목입니다</p>
그런 다음 오른쪽 범위 부동소수점을 정의합니다.
p 스팬{float:right}
실제로 이 방법은 다양한 상황으로 확장될 수 있으며 매우 실용적인 글쓰기 방법입니다.
2. 웹 표준에 따르면 같은 페이지에는 h1 태그가 하나만 있을 수 있습니다. 많은 사람들이 이 개념을 알고 있지만 실제로 실천하는 사람은 거의 없습니다.
3. 여백 여백이 서로 겹치는 문제: 일반적으로 투명한 테두리를 추가하거나 1px 패딩을 추가하여 문제를 방지합니다. 자세한 해석: http://mrthink.net/css-margin-overlying-way/ ;
4. 최대/최소 너비/높이는 ie6, _width: 표현식(this.width >600 ? "600px" : true)에서 구현되며 높이는 동일합니다.
5. html/class/id, 소문자로 작성하는 것이 가장 좋습니다. 이는 더 엄격합니다(xhtml 표준에 따라).
6. IE8과 호환되도록 다음 코드를 사용하는 것은 권장되지 않습니다.
<meta http-equiv="X-UA-Compatible" content="IE=7" />
단기 페이지가 아닌 경우에는 사용을 피하세요. 페이지는 가능한 한 이전 버전과 호환되어야 합니다.