본문 바로가기

Html & Css

(12)
[새싹 프론트엔드] 1주차 - 2 CSS 기초 & 선택자 CSS 기초 CSS (Cascading Style Sheet) • HTML 문서의 색이나 모양 등 외관을 꾸미는 언어 • CSS로 작성된 코드를 스타일 시트(style sheet)라고 부름 • 현재 보편적으로 CSS3 사용 CSS로 표현할 수 있는 것 • 색상과 배경 • 텍스트 • 폰트 • 박스 모델(Box Model) • 비주얼 포맷 및 효과 • 리스트 • 테이블 • 사용자 인터페이스 CSS 기본 구성 콜론 콜론 ↑ ↑ span { color : blue; font-size : 20px; } ↓ ↓ ↓ ↓ ↓ 셀렉터 프로퍼티 값 프로퍼티 값 예시) CSS 기초 나는 점심으로카레를 먹었다. 결과) HTML 문서에 CSS3 스타일 시트 적용하는 방법 1. 인라인 스타일(Inline style) 2. 내부 ..
[새싹 프론트엔드] 1주차 - 1 HTML 기초 & 태그 HTML기초 html - 웹문서의 뼈대. 제목, 본문, 이미지 등의 요소를 알려주고 이러한 내용을 웹문서에 어떻게 나타내야 하는 지에 대한 규칙이라고 볼 수 있음. 기본구성 → 현재 문서가 HTML5언어로 작성한 웹 문서라는 뜻 → 문서에서 사용할 언어지정 1.검색 사이트에서 특정언어로 제한하여 검색할 때 2.낭독기에서 웹문서를 소리 내어 읽어줄 때 해당 언어에 맞춰 발음이나 억양을 다르게 할 수 있음 → 사용자에게 실제로 보이는 부분 (나타내고 싶은 부분) 첫 수업 → 제목 태그 h1~6까지 존재 (숫자 커질수록 굵기, 크기 작아짐) 기본적으로 헤드는 바디 뒤에 올 수 없고 바디는 헤드 앞에 올 수 없다. 중첩을 허용하지 않음. 태그는 일반적으로 소문자로 통일 그리고 꼭!!! 닫아주는 태그를 써줘야함...