J허브

1 2 3 4 5 6 7 8 .centerwriting{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(49, 41, 41); text-align: center; } Colored by Color Scripter cs

css 글자 세팅(글꼴, 크기, 정렬, 색상) font-family : 글꼴 font-size : 크기 font-aligh : 정렬 방식 color : 색깔 1 2 3 4 5 6 font-family *{ font-family: 글꼴1, 글꼴2, 글꼴3; } -글꼴1을 우선 지정하되, 지원안될시 글꼴2-> 글꼴3을 지정 cs font-size px - 모니터 상의 화소 하나 크기에 대응하는 절대적인 크기 rem - html 태그의 font-size에 대응하는 상대적인 크기 em - 상위태그에 font-size에 대응하는 상대적인 크기 1 2 3 4 5 6 7 8 9 10 11 12 text-aligh left/ right - 왼쪽, 오른쪽 정렬 center - 가운데 정렬 justify - 양끝 정렬 예..

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667css선택자--------------------------------------- 전체선택자전체선택*{color: green;} ------------------- 유형선택자p태그 요소들 선택p*{color: green;} ------------------- 클래스 선택자-문서내 class가 텍스트인 요소 글자만.text{color: green;}예시) 텍스트만 녹색으로 색깔변경 없음 p테그도 녹색으로 p색깔변경 없음 ------------------- 아이디 선택자id가 '네임'인 ..

css적용시 css파일연결 양식과 p테그 개별 수정양식 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 css연결 --------------------------------------- ---------------------------------------- css ---------------------------------------- p{ color: blue; font-size: 32px; } ---------------------------------------- cs