CSS

조별과제 - 테크톡 HTML, CSS, JS 영상

영상 내용 HTML과 CSS, JavaScript의 기본 개념 및 예시 코드, 관련된 밈 후기 학원에서 배우고, 독학을 하면서도 잘 몰랐었던 HTML과 CSS, JS에 대해서 더 깊이 알아보고 평소에 궁금했었던 JS와 Java의 관계 등 여러 내용을 확실히 알게 되어서 굉장히 뜻 깊은 시간이었다고 생각한다.

CSS - CSS 7가지 단위

rem (root em) em은 현재 font-size를 정의한다. 최상위 태그에서 지정한 font-size를 기준으로 1rem이 설정된다. body에서 font-size를 14px로 지정했다면 하위 태그에서 2rem은 28px을 의미한다. body { font-size: 14px; } div { font-size: 2rem; /* 28px; */ } vh & vw (vertical height & vertical width) vh, vw 요소는 높이, 너비 값의 100분의 1 단위이다. 브라우저의 높이값이 900px 일때 1vh는 9px이다. 브라우저의 너비값이 750px 일때 1vw는 7.5px이다. .slide { height: 100vh /*브라우저에 꽉 차는 높이값*/ } vmin & vmax -

조별과제 - 테크톡 HTML, CSS, JS 자료조사

HTML과 CSS 로고안에 있는 숫자는 각 버전을 의미한다. (HTML5, CSS3) WWW 뜻 World Wide Web 인터넷에 연결된 컴퓨터를 통해 사람들과 정보를 공유할 수 있는 거미줄(web)처럼 얼기설기 엮인 공간 기능 통일된 웹 자원의 위치 지정 방법 예) url 웹의 자원 이름에 접근하는 프로토콜 예) HTTP 웹서핑을 쉽게 할 수 있는 언어 예) HTML HTTP 프로토콜을 기반으로 HTML로 작성된 하이퍼텍스트 페이지를 웹 브라우저라는 특정한 프로그램으로 읽을 수 있게 구성되어 있다. HTML 정의 Hyper Text Markup Language Hyper Text는 사용자가 필요한 정보를 자유롭게 찾아갈 수 있는 비순차적 텍스트를 의미(책처럼 작가가 만든 순서를 따라가기만 하는것이 아..

HTML, CSS - Flex defence완료

Flex defence 후기 주말 웹2 수업에서 처음 듣고 어떤 기능인지도 잘 이해하지 못했던 flex 기능을 게임을 통해서 재밌게 이해할 수 있게 되어서 좋았다. 100% 기억하고, 활용하지는 못하겠지만 flex가 필요하다고 생각될때 검색해서 사용할 수는 있을 것 같다.

html, css - 기본 정리 (1)

웹(HTML, CSS) HTML (Hypertext Markup Language) 웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류 태그 인라인 계열 span - inline 계열의 기본 태그 a - 링크 img - 이미지 블록 계열 div - 블록 계열의 기본 태그 nav - 메뉴를 감쌀 때 기본 태그 section - 섹션을 나눌때 기본 태그 article - 게시물을 나눌때 기본 태그 h1, h2, h3 ... - 제목 태그 ul, li - 순서 없는 목록 태그 ol, li - 순서 있는 목록태그 CSS 노말라이즈 엘리먼트에 기본 디자인을 없앤다. (a, body, ul, ol, li h1 ...) 선택자 태그 선택자 - div {...} 자식 선택자 - div > {...} 후손 선택..