Css기초

수업

웹프로그래밍 - 3-1 CSS 기초 - 선택자

다양한 선택자 1. 연결 선택자 1) 연결 선택자 - 요소 간의 관계성을 이용해 특정 요소를 선택 - 특정 요소의 아래에 있는 요소를 선택하는 방법 2) 하위 선택자: 특정 요소 아래에 있는 모든 요소(후손) -> 가장 많이 사용 더보기 - 부모 요소에 포함된 모든 하위 요소에 스타일 적용 - 자식 요소뿐만 아니라 손자 요소, 손자의 손자 요소 등 모든 하위 요소까지 적용(후손) - 하위 선택자를 정의할 때는 상위 요소와 하위 요소를 나란히 씀. ex) section p { color: blue; } 3) 자식 선택자: 자식 요소에 스타일을 적용하는 선택자 더보기 두 요소 사이에 '>'를 표시해 부모 요소와 자식 요소를 구분 ex) section > p { color:blue;} 4) 인접 형제 선택자:..

수업

웹프로그래밍 - 3-1. CSS기초

CSS(Cascading Style Sheets) : 텍스트 색상이나 크기, 이미지 크기나 위치, 표 색상, 배치 방법 등 웹 문서의 디자인 요소를 담당한다. 1. 스타일과 스타일 시트 style: 꾸미기 + 요소 배치 style sheet: html에 적용할 스타일들을 일괄적으로 정의한 것 스타일 형식 p { text-align: center; } p : 선택자(스타일 규칙이 적용될 대상) text-align: 스타일 속성 center : 속성 값 (속성/속성 값 쌍이 여러 개일 경우, 세미콜론(;)으로 구분) [ 스타일 지정 방법 ] 화면1을 만드는 3가지 방법이 존재한다. - 내부 스타일 시트 : 웹 문서 안에서 사용할 스타일을 문서 안에 정리한 것 html 코드 내부 스타일 시트 1번 2번 3번 ..

eunslog
'Css기초' 태그의 글 목록