CSS를 배울 때 주의할 점_기본 튜토리얼

초등학교, 중학교, 대학교까지 무엇이든 배울 때도 마찬가지입니다. 지식뿐만 아니라 방법도 배워야 합니다!

CSS를 마스터하려면 먼저 HTML을 배워야 합니다. 처음부터 HTML을 배우는 데는 선생님이 없어서 책이 유일한 선생님이었고, HTML에 접근할 수도 없었습니다. 인터넷! 한 달 뒤, CSS를 배우기 시작했습니다. 처음 읽은 CSS 책은 "CSS 웹 스타일 디자인"이었습니다. 며칠 동안 읽은 후에는 전혀 이해할 수 없었습니다. , 그리고 "HTML 참조 백과사전"으로 바뀌었습니다. 이 책은 웹 페이지 디자이너를 위한 일반 책상 책입니다! CSS를 배우기 위해 이 책을 바꾼 이유는 그 일부가 CSS이고, 그것이 나의 CSS 계몽서가 되었기 때문이다. 몇 문단을 읽은 후에는 외국인이 쓴 튜토리얼이 매우 체계적으로 구성되어 있고, 얕은 것부터 시작하여 더 깊은 것까지 단계별로 안내하여 다양한 수준을 가르치는 국내 서적과 달리 그들이 말하는 내용을 이해할 수 있다는 것을 느꼈습니다. 깊이가 부족하고 조직력이 부족합니다. 마치 그가 지식이 풍부하다는 사실을 당신이 알지 못하는 것처럼 말입니다! 앞서 언급한 "CSS 웹 스타일 디자인"이라는 책처럼, 당시 저는 CSS 초보자로서 무슨 내용인지 전혀 몰랐습니다.

스타일은 HTML 페이지와 분리될 수 없기 때문에 학습 과정을 자세히 이야기해 보겠습니다. HTML이 스타일과 결합되지 않으면 CSS는 존재 의미를 잃게 됩니다. 따라서 책에서는 일반적으로 예를 제시한 다음 컴퓨터에 미치는 영향을 테스트하도록 합니다. 이는 저자가 스타일 시트 CSS에 대한 예비적인 인상을 갖고 CSS가 무엇을 할 수 있는지 알려 주기를 원하기 때문입니다. 작은 예: "참새는 작지만 다섯 가지 내장을 모두 가지고 있습니다." 각 진술의 진정한 의미를 이해하지 못할 수도 있습니다. 하지만 예문의 패턴을 기억하고 앞으로도 계속해서 실천에 옮기면 됩니다. 계속 사용하는 과정은 계속해서 암기하는 과정이기 때문에 긴장을 풀지 못하고 항상 기억력이 좋지 않다고 생각하는데 그렇지 않습니다. 소를 타든, 천 마일의 말을 타든, 인내만 있다면 반드시 목적지에 도달할 것입니다.

일반적으로 책을 처음 읽을 때는 먼저 책 전체를 읽어야 합니다. 이해가 안 되면 계속 읽어야 합니다. 그 질문에 대답하십시오. 읽고 나면 대략적인 인상을 받게 되겠지만, 이해하지 못하는 부분도 많을 것입니다. 상관없으니 계속 읽으세요.

두 번째로, 읽으면서 핵심이라고 생각되는 부분을 적어보세요. 또한, 궁금한 부분을 질문과 함께 적어보세요. . 답변이 없으면 BBS에 게시할 수 있습니다. 아직 친절한 사람들이 많이 있습니다. "질문하는 방법을 배워야 합니다. 여기서는 다루지 않겠습니다." 책에 있는 예를 연습하려면 컴퓨터로 가야 합니다. 가장 혼란스러운 점은 "첫째, 기억이 나지 않고, 두 번째로 개념을 잘못 이해하고 있다는 것입니다. 책이 잘 번역되지 않았고, 또 하나는 당신의 이해가 틀렸다는 것입니다. 끝에 도달하면 모든 것이 당연하다는 것을 알게 될 것입니다. 열심히 노력하면 보상과 결과가 있을 것이기 때문입니다.

많은 분들이 읽어보셨으나 진전이 없는 것이 주된 원인으로 분석됩니다.

이유 1: 아티스트 등 많은 분들이 부담을 느끼기에는 부족합니다. , CSS를 배우십시오. 다른 사람이 배우는 것을 보기 때문에 배우지 않으면 이점이 없습니다. 이런 부담감은 아주 작습니다. 잘 배우지 못하더라도 여전히 예술가라는 직업을 갖게 될 것입니다.

이유 2: 단지 시간제 공부일 뿐입니다. 이 방법으로 배우는 것은 단지 재미를 위한 것입니다. 왜냐하면 반드시 이 기술로 생계를 꾸릴 필요는 없기 때문입니다.

이유 3: 방법이 잘못되었습니다. 어떤 사람들은 튜토리얼만 보고 있지만 그렇게 하지 않습니다. 저는 너무 많이 보고 너무 적게 했기 때문에 연습을 통해서만 이론을 세울 수 있습니다. 그것을 실천에 옮기세요.

CSS 익히기 4단계

네티즌에게 물어보니 CSS 배우기 어렵나요? 그녀는 "어렵지 않아요"라고 말했고 나는 "공부한 지 얼마나 됐어요?"라고 물었습니다. 그녀는 "방금 배웠어요"라고 말했습니다. 사실, 그녀가 말한 것이 옳습니다! 누군가 나에게 CSS를 배우는 것이 어렵냐고 묻는다면? 나는 "어렵다!"라고 말하고 싶습니다. 왜 어렵다고 말하겠습니까?
CSS 학습은 다음과 같은 단계로 나눌 수 있습니다.

1단계: 브라우저 호환성 문제를 생각하지 않고 페이지를 생성할 수 있지만 페이지는 TABLE 모드 DIV로 모든 페이지에 작성됩니다.

2단계: 호환성 문제를 생각했지만 사전에 예방할 수 없고 문제만 해결하며 HACK 기술을 광범위하게 사용합니다. (HACK 기술만 알고 있지만 거의 사용하지 않습니다.)

3단계: BUG를 사전에 방지할 수 있지만 스타일 시트에는 ID, CLASS가 널리 사용되고 CSS는 "DIV P SPAN"과 같이 중복되는 스타일 시트로 변환됩니다. 이 코드는 DIV의 하위 요소에 P의 하위 요소 SPAN을 표시합니다. 이렇게 작성하면 SPAN에 CLASS를 추가하지 않고도 SPAN의 스타일을 정의할 수 있습니다. 이것이 CSS의 장점입니다. 이를 잘 활용하고 반드시 CLASS를 정의하는 것이 좋습니다.

4단계: 이 단계는 가장 어렵고 좋은 HTML 의미 구조, 합리적인 CSS 및 재사용 가능한 스타일입니다. 이 분야에는 좋은 의미론과 합리적인 CSS에 관한 기사가 있습니다. 앞으로 이 두 가지 측면을 연구하기 위해 특별한 주제를 작성하겠습니다.