이미지를 url로 삽입하고 가운데로 맞추기(항상 세 줄이 함께)
background-image: url(''); background-position: center; background-size: cover;
텍스트 가운데로 정렬
text-align: center;
폰트 바꾸기
- 구글 웹폰트 이용(https://fonts.google.com/)
- 폰트 찾아서 import의 style태그 안과
밑에 font-family라고 되어 있는 부분 style tag에 삽입
분리된 css파일 삽입
<link rel="stylesheet" type="text/css" href="파일명.css">
유용한 css라이브러리
부트스트랩 https://getbootstrap.com/docs/5.0/components/buttons/
내용물 정렬하기
display: flex; flex-direction: column; align-items: center; justify-content: center;
마우스를 올렸을 때 꾸미기
class 이름 뒤에 :hover 삽입
태그
- b, strong : 글자를 굵게(strong 태그는 중요하다는 의미 포함)
- i, em : 글자를 기울게(em 태그는 강조한다는 의미 포함)
속성/특성
- blockquote 태그 : 긴 인용문, 태그 뒤에 cite 특성을 이용하여 출처 URL 표시
- cite 태그 : 저작물의 출처 표시(제목 반드시 포함)
- q태그 : 짧은 인용문
- mark 태그 : 인용문 중 중요한 부분 표시
- abbr태그 : 준말, 머릿글자 표시(태그 뒤에 title 속성으로 원래 텍스트 표시)
목록
- ul 태그 : 순서가 없음
- ol 태그 : 순서가 있음
- li 태그 : ul, ol 하위태그
용어, 정의
dl태그 안에 dt(용어), dd(정의) 태그 삽입
어제의 나보다 1% 발전하기💪