[CSS] 코딩 자율학습 HTML+CSS+자바스크립트 책 실습 - 5장
·
웹 프론트엔드/코딩 자율학습 HTML+CSS+자바스크립트 책
Part 2. CSS로 웹 페이지 꾸미기 5장 셀프체크 문제 : 다음 조건에 맞게 CSS 선택자 작성 코드 1) p 태그를 모두 선택 2) id 속성값이 title인 태그를 선택 3) class 속성값이 box이면서 id 속성값이 title인 태그를 선택 4) section 태그와 하위에 있는 모든 div 태그를 선택 5) label 태그와 인전한 형제 관계인 input 태그를 선택 6) 링크 대상 경로가 https://www.naver.com 인 a 태그의 하위에 있는 span 태그를 모두 선택 아래는 책 오탈자 나와있는 링크이다. https://www.sucoding.kr/course/read/5/%EC%98%A4%ED%83%88%EC%9E%90%20%EC%95%88%EB%82%B4 배운 점 3번의 ..
[CSS] 코딩 자율학습 HTML+CSS+자바스크립트 책 실습 - 4장
·
웹 프론트엔드/코딩 자율학습 HTML+CSS+자바스크립트 책
Part 2. CSS로 웹 페이지 꾸미기 4장 셀프체크 문제 : 제시된 코드를 1) 내부스타일 시트 2) 외부스타일 시트 3) 인라인 스타일 방법으로 작성 코드 1) 내부 스타일 시트 내부 스타일 시트 방법으로 CSS를 적용해 보세요 2) 외부 스타일 시트 외부 스타일 시트 방법으로 CSS를 적용해 보세요 3) 인라인 스타일 인라인 스타일 방법으로 CSS를 적용해 보세요 결과 배운 점 내부 스타일 시트를 사용할 때, style 태그는 보통 head 태그 안에 사용한다. 웹 브라우저는 HTML 문서의 코드를 첫 번째 줄부터 순차적으로 해석하기 때문이다. head 태그에 CSS를 작성하면 body 태그의 내용이 노출되기 전에 CSS를 불러와 디자인 적용 가능하다는 장점이 있다. 하지만 웹이 HTML 문서를 ..