[CSS] 자주 사용되는 스타일 시트 속성 정리

sungwoo choi·2020년 12월 21일
0
list-style-type:none; // li 태그 앞에 스타일 선택
display: block; // a태그 영역 확장
text-decoration: none; // 텍스트 데코레이션 속성 설정 (밑줄..)
a:hover {} // a태그 마우스 커서 선택시 속성 변경
font-weight:bold // 텍스트 두께 설정 lighter,normal,bold 등등
margin:0 auto; //div 중앙으로.. 1시간동안 삽질..
display:flex
justify-content:center; // 현재영역 중간으로
align-items : center; // 현재영역 중간?
white-space : pre-line // html 상 enter를 웹에서 줄바꿈으로 인식
flex-direction: column; //축 세로로 영역 쌓기 row = 가로로 쌓기
cursor:pointer; //마우스 커서 손꾸락으로 바꾸기

//공통으로 자주 쓸떄ㅔ
:root{
--color-purple : #FFFFFF; 
}

사용법 : color: var(--color-purple);

2020.12.21 작성중..

profile
dantedev 나 혼자하는 메모

0개의 댓글