많은 네티즌들에게는 매우 친숙한 글이겠지만, 많은 뉴비들에게 CSS를 배우는 것은 CSS가 이해하기 어렵기 때문이 아니라 CSS에 영어 단어가 너무 많기 때문에 큰 어려움입니다. 사실 CSS의 원리는 매우 간단합니다. 예를 들어, 어떤 사람을 묘사하고 싶다면 다음과 같이 쓸 수 있습니다.
예제 소스 코드
[www.downcodes.com] 장 페이 {
키: 185cm;
무게: 105kg;
성별: 남성;
성격: 짜증남;
국적: 한;
}
이러한 표를 통해 개인의 기본적인 상황을 설명할 수 있다. 테이블의 각 행은 개인의 특정 속성과 해당 속성의 속성 값을 설명합니다. CSS의 역할은 웹 페이지의 각 구성 요소 표시를 설정하는 것입니다. 따라서 위의 테이블을 웹페이지의 제목을 설명하는 속성 테이블로 대체하면 대략 다음과 같을 것이라고 상상할 수 있습니다.
예제 소스 코드
[www.downcodes.com] 레벨 2 제목 {
글꼴: 송나라;
크기: 15픽셀;
색상: 빨간색;
장식: 밑줄
}
한 단계 더 나아가 위의 표를 영어로 작성하면 다음과 같습니다.
예제 소스 코드
[www.downcodes.com] h2{
글꼴 모음: "宋体";
글꼴 크기:15px;
색상: 빨간색;
텍스트 장식: 밑줄;
}
기적적으로 이것이 올바른 CSS 코드입니다. CSS의 원리는 실제로 영어가 모국어인 경우 CSS 코드를 작성하는 것이 자연어를 사용하는 것만큼 쉽다는 것을 알 수 있습니다.
영어가 모국어가 아닌 우리에게는 당연히 조금 더 어렵습니다. 물론 실제로 CSS에서 사용되는 영어 단어는 수십 개에 불과합니다. 영어를 전혀 이해하지 못하더라도 필요한 수십 개의 단어는 물론 콘텐츠, 컨테이너 및 기타 "숙어"와 같이 CSS 레이아웃에서 자주 사용되는 일부 단어를 이해하는 데 시간을 투자하면 됩니다. 계속해서 연습하면 학습이 훨씬 쉬워질 것이라고 믿습니다.
여기에서는 "CSS 한영사전"을 PDF 형식으로 정리했습니다. 총 160개의 단어가 있으니, 정말 영어가 서툴러도 며칠 두고 한 번 외우면 됩니다. 모르는 단어가 나오면 그 의미를 찾아볼 수 있습니다.
