제로베이스 프론트엔드 스쿨 23기/[사전학습]12 (기초) CSS - font 속성들 HTML 의 text를 꾸며주는 CSS의 속성들에 대해 살펴보자 font-style : italic; >> 기울여짐 (폰트의 스타일에는 oblique 등등 있다.) font-weight : 700; >> 글자의 굵기 300 thin / 400 normal / 500 medium / 700 bold / 900 extra bold 두개는 모든 브라우저에 있음 font-variant :lowercase; 소문자로 변경 / uppercase 대문자 / capitalze 단어의 첫번째 글자만 대문자 font-size: 20px; >>. em , rem 또는 px 로 표현 font-family: >>글꼴 line-height : 30px; >>> 줄간격이 들어간다. ★보통 font-size:1em 에 line-he.. 2023. 12. 18. (기초) CSS 레이아웃 ( div 태그, float 속성, display 속성 - inline, flex, grid) ㅡ 시멘틱태그의 기본 구성 ㅡ 레이아웃을 나누는 방법 4가지가 있다. display:inline-block float display:flex display:grid ㅡ 가장 먼저 div 태그로 나누자 일단 div 태그로 나누자. div의 class , id 명으로 구분 > 명사 + 명사 > headerSearch >header-search 와 같이 직관적인 네이밍 필요함. 1. 레이아웃 만들기 ( display_inline) : 옛날 방식 ㅠㅠ -한줄로 맞춰줄 요소에게 입력 해준다. display: inline-block; -text가 있을 경우, 간격이 생길 경우 부모 태그에게 아래를 아래를 입력해준다. font-size:0; -정렬이 어긋날 때는 vertical-align: top; 를 줘서 정렬을 .. 2023. 12. 18. (기초) HTML 기본태그의 특성 <p> <h1> p태그의 특성 은 display : block; 공 백 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis sequi, assumenda, beatae &;ipsum quas vero pariatur dolores libero suscipit, soluta dignissimos harum? Culpa ipsum laudantium numquam ab perferendis modi maxime. 목록 태그의 특성 ( ol , ul, li ) 시맨틱태그의 특성 : seo (검색엔진최적화)에 도움됨 스타일로 꾸며보기 22 HTML 반가워요 반가워요 경로태그 1. 절대경로 : 인터넷, url로 접속가능한 경로 2. 상대경로 : (통.. 2023. 12. 18. (기초) HTML 과 CSS ( style 태그, class와 id속성, Link태그로 CSS파일 불러오기) HTML : 웹페이지의 내용 index.html 로 확장자 파일 생성하기 태그 안에서 태그의 속성으로 디자인을 입혀줄 수 있다. 선택자로 class , id 가 있다. ( id는 1번만 선언할 수 있다! ) class 는 스페이스바로 여러개 지정 가능 CSS : 웹페이지의 디자인 style.css 로 확장자 파일 생성하기 {속성 : 값 ; } 로 마무리한다 ctrl+e 로 class,id의 CSS속성으로 바로가기. ctrl 마우스 올리면 속성으로 바로 보임 (css peek 확장자) (스타일 속성은 inline> id > class 순서로 입힌다.) [예제1] Document p { font-size: 36px; color: pink; font-weight: 900; } .title { color: re.. 2023. 12. 13. 이전 1 2 3 다음
