[CSS] CSS파일 넣는 위치 https://codingfirst.kr/1442/ CSS기초(1) CSS 파일 넣는 방법 - 우선코딩 CSS 파일 넣는 방법 link 태그를 이용하기 위치 : head 태그 사이 link 태그는 현재 문서(HTML)와 외부 리소스(CSS, JavaScript..) 간의 관계를 정의할 때 사용합니다. @import 를 이용하기 @import url("css/style.css") codingfirst.kr 안에 안에 안에 @import Front/CSS 2024.02.27
[CSS] CSS와 SCSS https://cocoon1787.tistory.com/843 [CSS] CSS, SASS, SCSS 차이점, 사용방법 ⏲ TL;DR SASS와 SCSS는 CSS를 편리하게 사용할 수 있도록 하며 추가 기능 또한 있는 확장판 스크립트 언어 SASS, SCSS에서 기존의 CSS의 기능 부재 단점을 보완한 다양한 기능 추가 SASS는 들여 쓰기+줄 바 cocoon1787.tistory.com https://icecokel.tistory.com/20 SCSS 사용하는 이유, SCSS 장점과 실 사용 예제 안녕하세요. 오늘은 제가 사이드 프로젝트에 추가한 SCSS에 대해서 간략한 포스팅을 진행하겠습니다. SCSS 개념 및 장점 SCSS 사용방법 1. SCSS 개념 및 장점 CSS는 HTML 태그를 꾸미거나 효과.. Front/CSS 2023.12.12
[CSS] 글자수 넘어가면 말줄임표 표시 https://nh0404.tistory.com/43 [html/css] 글자수 넘어가면 말줄임표 / 원하는 만큼의 줄만 보이게 하기 문장을 내가 지정한 영역 밖으로 못나가게 하거나 지정한 영역이 좁아 말줄임표를 사용해야하는 경우가 있습니다. 알라딘의 책 소개처럼 ! 이러한 경우 말줌임표를 ㅁ + 한자 키로 직접 입력해 nh0404.tistory.com .elps{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} Front/CSS 2023.11.18
[CSS] justify-content https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content justify-content - CSS: Cascading Style Sheets | MDN The CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. developer.mozilla.org Front/CSS 2023.09.18
[CSS] css 파일 적용안될때 1. 캐시파일 삭제하기 2. css파일 첨부한곳에서 xx.css (파일이름 ) 뒤에 ?after붙이기 파일명을 새로하면 다시 다운받아서 적용시킴. Front/CSS 2023.09.08
[CSS] vh, vw https://webclub.tistory.com/356 CSS의 7가지 단위 - rem, vh, vw, vmin, vmax, ex, ch CSS Unit (CSS 7가지 단위) 우리가 잘 알고 있는 CSS기술을 사용하는 것은 쉽고 간단할 수 있지만 새로운 문제에 봉착하게 되면 해결하기 어려울 수 있습니다. 웹은 항상 성장,변화하고 있고 새로운 webclub.tistory.com Front/CSS 2023.08.21
[CSS] 중앙정렬하기 1. Flexbox를 사용하여 요소를 수평 중앙에 정렬하려면 부모 요소에 display: flex 그리고 justify-content: center를 적용. 2. {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} Front/CSS 2023.08.13
[CSS] ::after ::before https://webroadcast.tistory.com/4 ::before ::after content에 대해 쌉 이해 가능 ::before ::after content에 대해 쌉 이해 가능 안녕하세요 웹로드케스트입니다. CSS3 가상요소 before, after를 활용한 예제와 content에 대해 쉽게 설명해드리겠습니다. 1. ::before, ::after 의 차이점 ::before - 선 webroadcast.tistory.com Front/CSS 2023.06.30
[CSS] padding 순서 https://neos518.tistory.com/194\ CSS - margin, padding 지정하는 순서 각각 다 지정해주는 방법 margin-top: 10px; margin-right: 20px; margin-bottom: 15px; margin-left: 5px; 아니면 margin: 10px 20px 15px 5px; 순서는 상우하좌 (top right bottom left) 입니다. 위에서부터 시계방향으로 돌아갑니 neos518.tistory.com 4개 : 상 - 우 - 하 - 좌 3개 : 상 - 우/좌 - 하 2개 : 상/하 - 우/좌 1개 : 상/하/좌/우 Front/CSS 2023.06.16