물공's의 딥러닝

이 번 시간에는 후손 선택자와 자손 선택자에 대해 알아보도록 할게요 자 일단! 후손과 자손이 무엇이냐? 우리 인간 관계랑 똑같아요 후손 : 어떠한 태그 아래에 위치한 모든 태그자손 : 어떠한 태그 바로 아래에 위치한 태그 1. 후손 선택자특정한 태그 아래에 있는 후손을 선택할때 사용 예제를 보면서 좀 더 자~~~세하게 자손과 후손에 대해 알아볼게요 자! 일단 이렇게 입력을 해줍니다. 그러면 출력 결과는 요렇게 나올거에요 이제 해석을 들어가도록 할게요 이 문장을 보시면 태그로 묶어져 있습니다.※div 태그는 간단하게 벽돌쌓기 라고 생각하기!!! 일단 첫번째 div의 id(이름) 은 header 이라고 정하였습니다.그리고 div 태그 내부에 포함되어 있는 h1 태그와 또 다른 div 태그들이 있는데요 여기서..

오랜만에 CSS에 대한 개념정리를 포스팅하네요(2일밖에 안됬찌만;;ㅋㅋ) 이번 포스팅에서는 속성 선택자에 대해 포스팅을 할건데요 이것은 크게 두개로 나누어 집니다. -기본 속성 선택자-문자열 속성 선택자 자~그럼 시작하겠습니다. 1.기본 속성 선택자 간단하게 예를 들어서 설명하자면input 태그를 사용시 input태그에만해도 많은 속성이 존재합니다.그래서 이 속성마다 스타일을 적용할때 사용이 되는것이 기본 속성 선택자 입니다. 사용형태 선택자[속성] -> 특정한 속성이 있는 태그를 선택 선택자[속성=값][속성=값] -> 특정한 속성 안의 값이 특정 값과 같은 문서 객체를 선택 이제 코딩을 해보며 한번 알아보도록 할게요 이제 대충 감이 오시나요??"input 태그를 사용한 곳에서 type=text 또는 p..

선택자 중에서 전체 선택자는 이전 포스팅에서 설명을 해드렸습니다. 그래서 이번 CSS3 기본 선택자 -part1- 에는 전체 선택자를 제외한 -태그 선택자-아이디 선택자-클래스 선택자 에 대해 설명을 드리도록 하겠습니다. START~ 1. 태그 선택자 태그 선택자란 특정한 태그를 선택할때 사용이 되는 선택자 입니다.설명으로 하면 주구장창이니 예제를 통하여 설명을 하도록 하겠습니다. 일단 부분에다가 이렇게 HTML태그만 적어줍니다. 그러면 이렇게 뜨는게 맞는거죠?? 여기서 잠깐! P태그에 대해 간단하게 다시 설명하고 넘어갈게요 P태그 문단을 나누는 태그 완전 간단하게 설명했죠?ㅎㅎ HTML만 쓰면 저렇게 너무 허접해 보여요 그래서 저는 스타일 태그를 사용할거에요 요렇게 스타일 태그를 적용해 줍니다. 그러면..

이번 시간에는 전체를 선택하는 선택자에 대해 알아볼게요 전체 선택자란 무엇인가요? HTML 페이지 내부의 모든 태그를 선택하는걸 의미합니다. 그러면 사용 방법은? *을 사용합니다. 간단한 예제를 통해서 알아볼게요바로 이전시간에 포스팅한 내용은 h1태그만 css를 입혔습니다. 그치만 여기선!!! 요렇게 h1을 -> * 로 바꾸어 줍니다. "전체 태그들을 색을 빨강색 배경은 주황색 으로 바꿀래!!!" 실행을 할게요 짠~~~ *선택자를 쓰면 전체 태그를 선택합니다.