728x90 반응형 클래스3 ID ? 사용법 뭐야~ | HTML & CSS 시리즈 012 아이디 는 클래스와 매우 유사하면서 차이점이 있다. 그 차이점을 확실히 짚어두어야만 나중에 헷갈리지 않고 자유자재로 사용할 수 있다. 아래 사진을 통해 클래스와 아이디를 비교해보자. 아이디도 결국 클래스처럼 style 태그 안에 스타일속성과 속성값을 만들어준 후 그 스타일을 적용해주고 싶은 태그로 가서 id 이름을 입력해주는 방식이다. 하지만, 사진에도 나와 있듯이 클래스는 한 클래스로 여러 태그들을 적용하여 스타일 해줄 수 있지만, ID는 그렇지 않다. 중복이 불가능하다. 즉, 이미 사용했던 ID 라면 다른 태그에 적용이 불가능하다. 클래스는 여러 클래스가 가능하다. big , blue 2가지가 가능한 반면에 id는 best , first 2가지 가 불가능하다. 하나만 가능하다. 결국 중복하면서 여러 .. 2021. 7. 23. 클래스(CLASS) 를 알고 싶다면? | HTML & CSS 시리즈 011 클래스는 코딩할떄마다 무조건 등장하는 것 같다. 클래스 사용법이 뭔데??? 이전 시리즈010 에서 사용했던 코드를 들고왔다. 1. 위 사진과 같이 스타일 태그를 쓴다. 2. 클래스 이름을 적는다. ex) .big-blue-text (이때 . 을 잊지말자!) 3. { 괄호 안에 스타일 속성,값을 입력해주고 } 로 닫아준다. 4. 클래스로 스타일 해주고 싶은 곳을 가서 태그 부분에 class="클래스이름" 을 적어준다. *해당코드에서는 h1 태그를 클래스를 이용해 스타일 적용시켰는데 아래 사진과 같이 알맞게 파란색깔 텍스트, 64픽셀, 텍스트 위치 중앙 으로 잘 출력 된 것을 확인 할 수 있다. 텍스트는 알겠는데 이미지에 클래스 적용은 어떻게 하는건데? 위에 작성된 코드 처럼 이미지 삽입후 class= "클.. 2021. 7. 23. 클래스? 인스턴스? | 객체 지향 프로그래밍 시리즈 002 이전 시리즈에서 객체는 속성과 행동으로 이루어져있다. 라고 했습니다. 객체 지향적으로 설계 하는것을 모델링이라고 부른다고 했습니다. 그렇다면 모델링의 예시를 간단하게 그림으로 설명하겠습니다. ex) 인스타그램 클래스와 객체 관계를 이해하기 쉽게 그림으로 설명하였다. 붕어빵을 예시로 들어보았다. - 클래스로 객체를 만든다. - 클래스로 인스턴스를 만든다. (객체 == 인스턴스) 클래스 이름 첫 글자는 항상대문자! ex) class User: 2021. 7. 21. 이전 1 다음 728x90 반응형
