티스토리

기억보다 기록을

검색하기

블로그 홈

기억보다 기록을

dbsyys.tistory.com/m

swimKind 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

[Html/Css] 고급 정리 (SASS) [Html/Css] 고급 정리 (SASS) Pseudo * pseudo class - (:) 다른 상태일 때 * pseudo element - (::)내부의 일부분만 스타일을 줄 때 .text::first-letter { color : red; } .text::first-line { color : red; } .text::after { content : '뻥이지롱'; color : red; } .text::before { content : '뻥이지롱'; color : red; } first-letter: 앞 글자 first-line: 첫 문장 after: 뒤에 추가 before: 앞에 추가 .box::after { content : ''; display : block; clear : both; } flo.. 공감수 1 댓글수 0 2021. 11. 17.
[Html/Css] 중급 정리 [Html/Css] 중급 정리 font-family 설정 body { font-family : 'gulim', 'gothic' } 폰트를 여러개 나열하면 차례대로 적용하며 없다면 그 다음 폰트를 적용한다. * @font-face @font-face { font-family: '고딕'; src: url(../font/gothic.ttf); } 폰트가 사용자의 컴퓨터에 저장이 되어 있지 않으면 적용이 되지 않기때문에 해당 스타일을 사용한다. (url 경로에 있는 폰트 파일을 가져온다.) * ttf, woff - 폰트 파일 중 확장자가 .ttf인 파일은 대체로 용량이 크기 때문에, woff 파일을 쓰면 용량도 적고 서버에서 성능도 챙길 수 있음. * IE의 낮은 버전에서 폰트사용하기 @font-face { f.. 공감수 1 댓글수 0 2021. 11. 15.
[Html/Css] 기초 정리 [Html/Css] 기초 정리 기본 글씨 서체 font-size : 20px; /*글자 크기*/ font-family : 'gulim'; /*서체*/ color : black; /*글자 색*/ letter-spacing : -1px; /*자간*/ text-align : center; /*글자 정렬 위치*/ font-weight : 600; /*글자 굵기*/ 가운데 정렬 display : block; margin-left : auto; margin-right : auto; * span과 p의 차이 span = inline 속성 -> 요소의 폭 높이 등 설정 불가 (기본적으로 display:inline;) p = block 속성 -> 요소의 폭 높이 등 설정 가능 (기본적으로 display:block;) 네.. 공감수 1 댓글수 0 2021. 11. 5.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.