웹프로그래밍9 [HTML/CSS] 선택자, Cascading 캐스케이딩 전체선택자HTML 모든 요소를 선택한다. (*) 타입선택자특정 태그를 사용한 모든 요소에 스타일 적용✏️ 태그명 { 스타일 규칙} HTML Hello World CSSh1 { color: red;} 클래스선택자id와 비슷하게 태그에 별명을 붙인다.✏️ .클래스명 {스타일 규칙} HTML Hello World Nice to meet you Welcome CSS.test2 { color: green;}html 파일에서 h3 태그에 별명을 부여한다: test2 , 그리고 css 파일에서는 . 뒤에 별명을 적고 스타일을 적용한다. id선택자태그에 이름을 부여해서 스타일을 적용하는 선택자✏️ #아이디명 {스타일 규칙} HTML Hello World Nice to meet you Welcome CSS#test1 {.. 2024. 6. 13. CSS의 기초 HTML 문서 안에서는 디자인을 입힐 수 있는 방식이 여러 개 있다. Hello World Hello World" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 2. 구역 안의 , 등의 태그에 직접적으로 스타일 넣기이 방식은 코드가 조금만 길어져도 비효율적이고 헷갈릴 수 있다. 3. 태그로 작성해 둔 CSS 파일 불러오기 새로운 파일인 style.css를 같은 폴더 내에 생성하고 태그로 이 파일을 불러오는 방식이다.여기서 rel은 링크 태그로 연동되는 파일의 타입을 말해준다.type은 연동되는 파일의 글자는 css라는 것을 설명해 준다.href는 연동된 파일의 경로를 말해준다.[참고 사항]CSS의 주석 처리/* */ 입력하면 그 안의 내용은 주석 처리 된다. HTML부모.. 2024. 6. 11. Daum 다음 홈페이지 HTML 실습 포털사이트 Daum 다음 메인 페이지 부분 만들어보기먼저 영역을 여러 개의 div 태그로 공간을 만들어 나눠 준 뒤 그 안에서 코드(제목, 내용 등)를 작성한다. .. 2024. 6. 11. HTML 카카오톡 친구 목록 만들기, 포털 사이트 파트 만들기 카카오톡 친구목록 페이지카카오톡 친구 목록 페이지를 만들어보자. 짜장면 짜증나게 하는 사람 탕수육 짜장면엔 탕수육이지! 메뉴1 메뉴2 메뉴3 메뉴4 네이버 경제 파트 만들기 경제M 미국 증시가 주춤한 이유 Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World UPPITY 어피티 - 어.. 2024. 6. 11. 이전 1 2 3 다음
