반응형

Front-end/css 3

CSS 공부 정리 [Sessac 바닐라 Javascript + Vue.js 과정]

간단한 프로젝트라면 아래 코드처럼 초기화 해도 되지만, *{margin:0; padding:0;} 큰프로젝트라면 init.css / reset.css / initialize.css 를 검색한 후 가져다가 쓰는게 낫다. outline : border의 바깥 외곽선 - 요소를 두드러져 보이게 만들고자할 때 사용 - outline 선의 너비는 레이아웃에 관려하지 않고 눈에만 선이 보인다. vh = viewport height vw = viewport width => 스크린 크기에 맞게 상대적 크기를 반환 100vh, 100vw - 전체 화면의 기준 (예시) 스크린 크기가 height = 1000px, width = 600px => 1vh = 10px / 1vw = 6px [ 그라데이션 ] background:..

Front-end/css 2022.02.12

이미지와 텍스트 가운데에 배치하는 방법 [CSS]

이미지와 텍스트를 가운데 배치하는 방법으로 CSS문서나 style태그 안에 text-align: center; 를 쓰면 됩니다. blog profile 단 이미지는 div안에 넣은 다음, div에 text-align: center;를 써야 합니다. 이미지에 text-align: center;를 적용시키면 가운데에 배치가 되지 않습니다. img: {text-align: center;} (x) 위에 사진이 코드의 결과로 이미지와 글자가 가운데 정렬이 됐습니다. 여러분도 코딩 공부 파이팅!

Front-end/css 2021.12.19
728x90
반응형