본문 바로가기

html3

[비전공자의 개발공부] HTML 기초_폰트 사이즈는 어떻게 해야할까? CSS 단위 CSS 단위에는 절대(고정) 단위와 상대 단위가 있다. 단위 절대 길이 단위 : px (cm, mm, in, pc, pt ….) 상대 길이 단위 : %, vw, vh, vmin, vmax, em, rem 절대 단위는 고정값으로 화면의 사이즈가 크던 작던 고정되며, 상대 단위는 부모요소, 화면 크기 따라 변동되므로 유지보수나 반응형으로 만들때 유리하다. 글씨크기로 인한 수정이 빈번하여 하나하나 설정하기 보다는 부모요소만 변경하여 나머지 다 그 비율에 맞춰서 조정되는 rem이 유지보수에 용이하다. 구분 단위 내용 절대 px Pixel(Picture + Element) 디바이스 화면에서 이미지를 표현하는 가장 작은 단위입니다. 상대 % 부모 요소를 기준으로 하는 백분율 단위입니다. * 부모요소 지정안할시엔 브.. 2023. 3. 8.

[비전공자의 개발공부] HTML 기초_ CSS 적용이 왜 안되지? CSS선택자 우선순위 CSS에 분명 코드값 썼는데 왜 안되지??? CSS하다가 언어에 충돌이 생기면 몇가지 규칙에 의해 점수가 높은 코드가 적용이 된다. 후자 우선의 원칙 뒤에 나오는 CSS가 우선순위가 높습니다 구체성(명시도)의 원칙 중요성의 원칙(!important) 1. 후자우선의 원칙 제일 먼저 red로 했지만 제일 마지막 blue이기 때문에 blue가 적용됨 2. 구체성의 원칙 구체성을 갖을 수록 가중치를 줘서 점수가 높아짐 (1) inline스타일 : 태그 안에다가 바로 스타일 적용시 in line속성 아래와 같이 style 에 컬러들을 red, blue 넣었지만 태그안에서 지정한 pink로 색상이 나옴 (2) ID 선택자 # ID는 페이지 파일 하나에서 유일해야하는 것으로 구체성이 높다. (3) 타입 < clas.. 2023. 3. 8.

[비전공자의 개발공부] HTML 구조 하나하나 뜯어보기!_3일 학습목표 HTML 구조 HTML 이란? HTML은 브라우저에서 실행가능한 가장 기본적인 파일이고 마크업 언어로 구조적으로 태그. HTML 구조 구조는 아래와 같이 크게 head, body로 나눠지며, head 는 상세설명이 들어가고 body 사용자들에게 보여지는 태그로 이뤄짐 기본 구조로 VSC에서 ! +Tap 하면 기본으로 아래와 같이 완성됨. 1. 코드를 통해 어떤 모드로 페이지를 렌더링할지 결정 (이문서는 html Living Standard 문서!’라는 의미) 작성시 완전 표준모드로 렌더링 2. html 최상단의 요소로 lang 속성을 통해 해당 페이지의 주 언어가 무엇인지 설정할 수 있음 주언어 설정은 검색엔진, 스크린리더, 번역 기능 제공 등에 영향을 미침 3. head head에는 'mata.. 2023. 3. 2.

이전 1 다음

티스토리툴바