HTML 수업이 끝나고 CSS 시작하는 날이다 CSS는 너무 복잡하고 기능이 다양해서 어려웠는데 이번 기회에 확실하게 개념을 잡고 가야겠다 # CSS CSS란? Cascading Style Sheets, 웹 문서를 꾸미기 위한 Style Sheet 언어 선택자 { 속성1 : 값1; 속성2 : 값 2; .... } 내부 CSS : 웹 문서 안에서 스타일 작성 외부 CSS : 별도의 파일을 만들어서 스타일 코드 관리, 가장 많이 사용되는 방식 body { color: red; } div { color: blue; } inline CSS : 태그에 직접 스타일 정의, 코드 유지보수 어렵고 반응형 처리 불가능 등 사용 지양 안녕안녕 반가워 CSS 주석 : /* ..... */ , 개발자 도구로 볼 수 있기 때문..
TIL/프로그래머스 데브코스
# 리스트 , :정렬되지 않은 목록 태그 태그를 사용하여 목록 구성, 다양한 태그 포함 태그의 자식은 무조건 태그만 가능함 , : 정렬된 목록 태그 1,2,3 ... 형식으로 목록을 그림 태그의 자식 요소는 무조건 태그만 가능함 리스트 리스트 리스트 리스트 리스트 순서가 없는 하위 리스트 , , : 설명 목록 태그 태그가 전체를 감싸고 가 제목 가 설명 안녕 만나서 반갑다 # 표 : 표를 만드는 태그 : 행 : 열 : 열의 제목 태그, 기본적으로 글자 굵게, 가운데 정렬 : 제목 그룹 태그, 하나의 테이블 안에서 한번만 사용 : 표의 본문 태그, 하나의 테이블 안에서 한번만 사용 : 표의 바닥글 태그 : 표 설명 태그 - 셀 병합 옵션 : colspan="병합하고 싶은 칸의 수" 셀 제목은 th로 셀 제..
# HTML 콘텐츠 1. 제목 태그 ~ 문서 구획 제목을 나타내는 태그 구역의 순서, 계층을 잘 지켜야 함 태그는 페이지 내에 한번만 사용되어야 함 --> HTML만들어보기 제목1 제목2 제목3 제목4 제목5 제목6 - 줄 단위 복사 단축키 : alt + shift + 방향키 2. 문단 태그 문단을 나타내는 태그, 블록 레벨 요소 레이아웃처럼 사용하면 X 3. 서식 태그 , , , , , , : 의미를 가지지 않고 단순히 굵은 글씨로 변경, 인라인 레벨 요소 : 굵은 글씨로 변경 후 강조의 의미 부여, 인라인 레벨 요소 : 글자를 기울임과 동시에 텍스트가 문단의 내용과 구분되어야 하는 경우 사용 ex ) 등장인물, 외국어 구줄, 기술 용어 등 : 기울임과 내용에 강조 의미 부여 : 밑줄을 넣어서 주석을 ..
# HTML 1. 기본 문법 '' 를 사용해서 그 안에 태그 이름을 넣는다 콘텐츠를 가지는 태그와 콘텐츠를 가지지 않는 태그가 있음 콘텐츠를 가지는 태그 : 콘텐츠 콘텐츠를 가지지 않는 태그 : 2. 속성과 값 태그는 기본적으로 속성과 그 속성에 따른 값을 가짐 어떤 태그를 쓰느냐에 따라서 속성과 값이 달라짐 ex) Content -- HTML만들어보기 안녕하세요? 반갑습니다' 4. 부모요소 자식요소 - 부모 태그 안에 자식 태그 존재 - 들여쓰기를 보고 어떤 것이 부모 태그이고 자식 태그인지 알 수 있음 - 때문에 들여쓰기에 신경쓰자 5. 주석 개발자가 코드 내에 입력한 메모 로 주석 입력 가능 - 중요한 정보는 주석으로 절대 작성 XXX - 단축키 : ctrl + k + c # HEAD 1. --> ..
# TIL 이란? Today I Learned 오늘 하루동안 배운 내용을 기록하고 이후 돌이켜 봤을 때 어떤 내용을 배웠는지 기억하기 위해 작성하는 것 학습 주제, 주요 메모 사항 소개, 공부하며 어려웠던 내용 기록 # 좋은 개발자란? 1. 문제 정의와 해결 능력 2. 이해하기 쉬운 코드 작성 3. 소통과 협업 4. 지속적인 학습 5. 끊임없이 개선 # HTML Hypertext Markup Language 웹 브라우저가 이해할 수 있는 "언어" # CSS 문서를 예쁘게 "꾸미는" 언어 # Javascript 문서에 "기능"을 만들어주는 언어 # VSCode 세팅하기 Window version 1.https://code.visualstudio.com/ 접속 2. 다운로드 클릭 3. 다운로드된 파일 클릭 ..
