목록전체 글 (206)

푸르생 스토리

html 과 css의 관계 기본 5편 / CSS inherit

inherit == 상속 즉, 상속 즉, 따라쟁이 go9.co/JJ3 section 입니다. 11 22 33 section{ color:blue; margin:10px; } section div{ color:black; font-size:20px; } 결과 값
개발/HTML+CSS 2021. 4. 7. 22:10
html 과 css의 관계 기본 4편 / CSS 선택자.

선택자란? 뭔가를 선택하는 방법이다. CSS가 HTML을 선택 혹은 연결 해 주는 방법을 의미한다. go9.co/JJ3 111 222 333 444 555 666 div{ color:red } #a1{ color:blue; } #a2{ color:gold; } article > div{ background:red } 결과.
개발/HTML+CSS 2021. 4. 7. 21:55
html 과 css의 관계 기본 3편 / CSS 기초와 display의 대표적인 속성 3가지

go9.co/JIE display가 가질 수 있는 속성은 3가지 이다. 1 2 3 4 ㅎㅎㅎ div1{ background-color:blue; margin:10px; display:block; } div2{ background-color:blue; margin:10px; display:none; } div3{ background-color:blue; display:inline-block; color:red; } 결과 값
개발/HTML+CSS 2021. 4. 7. 21:45
html 과 css의 관계 기본 2편 / CSS 기초와 display 속성

예제 1 안녕하세요 1트 안녕하세요 2트 안녕하세요 3트 안녕하세요 4트 안녕하세요 5트 안녕하세요 6트 안녕히 가세요 1트 안녕히 가세요 2트 안녕히 가세요 3트 안녕히 가세요 4트 안녕히 가세요 5트 안녕히 가세요 6트 안녕히 가세요 7트 안녕히 가세요 8트 안녕히 가세요 9트 div{ color:blue; } 일때 결과 값 예제 2 html code는 동일 div{ color:blue; } section{ color:red; } 결과 값 예제 3 html 동일 section{ color:red; } div{ color:blue; } CSS에서 section과 div에 명령의 순서를 바꾸어도 적용이 되는 기준은 부모 태그보다 자신의 태그에 직접 주는 CSS 명령이 적용 되는것을 볼 수 있네요. 예제4..
개발/HTML+CSS 2021. 4. 7. 14:45
이전 Prev 1 ··· 19 20 21 22 23 24 25 ··· 52 Next 다음