요소 or 텍스트의 크기를 지정하는 단위들을 배우다. px로 조정 em으로 조정 rem으로 조정 px: 화소 하나의 크기에 대응되는 단위 (고정값) em: 부모 요소를 기준으로 하는 상대 배수 단위 rem: html 문서 폰트 크기를 기준으로 하는 상대 배수 단위 rem을 주로 사용하지만 상황에 따라 맞는 단위를 써야 한다.
Front-End
텍스트 폰트 설정하는 속성들을 배우다. 비오는 거 좋아하시나요? 비오는 거 좋아하시나요? 클라이언트의 컴퓨터 환경에 영향을 받지 않는 웹 폰트를 주로 사용한다.
클라이언트의 행동에 반응하는 반응 선택자를 배우다. 이 좌석은 노약자, 임산부, 어린이만 이용가능합니다! 입실 시, 꼭 엘리스 출석체크 해주세요. 주의사항: 띄어쓰기 금지
더 정확하게 선택자를 선택하는 계층 선택자를 배우다. 연수생 수칙 지각하지 않기 결석하지 않기 (불가피할 땐 꼭 담당연구원에게 미리 말하기) 복습하기 아래의 가중치를 계산하면 어떤 스타일이 우선순위로 적용되는지 알 수 있다. 종류 가중치 태그 선택자 1 클래스 선택자 10 아이디 선택자 100
선택자 실습 2 올바른 개발자 생활 쉬는 시간에 5분 정도 먼곳을 바라본다. 1시간마다 스트레칭을 한다. 거북목이 되지 않도록 목을 편다. 연수생 수칙 지각하지 않기 결석하지 않기 (불가피할 땐 꼭 담당연구원에게 미리 말하기) 복습하기 클래스 선택자, 아이디 선택자 실습
HTML 태그에 스타일을 적용할 때 사용하는 선택자 개념을 배우다. CSS 웹 페이지를 꾸며주는 스타일 시트 언어 CSS 기본구조 CSS 선택자 CSS 스타일 선택자: 스타일 속성을 적용할 요소를 선택 선택자 종류 전체 선택자 ( * ) 타입 선택자 ( 태그 이름 ) 클래스 선택자 ( .클래스 이름 ) - 여러 개 태그에 같은 이름의 클래스 이름 적용 가능 아이디 선택자 (# 아이디 이름 ) - 정의한 후 한 페이지에서 1번만 사용함
기본적인 CSS 파일의 형태 table { width: 400px; } .tr-tit { background-color: gray; height: 50px; } .tr-content { background-color: whitesmoke; height: 35px; } .tr-content > td:first-child { text-align: right; } .tr-content:last-child > td { text-align: center; } html의 style 태그 안에 쓰는 거 쓰면 된다.
목록 리스트를 만드는 태그를 배우다. HTML CSS JavaScript HTML CSS JavaScript 사자 사자(獅子)는 아프리카와 인도에 서식하는 식육목(食肉目) 고양이과포유류이다.
