CSS(8)
-
목록
▼목록 만들기 ▷순차 목록 (순서가 있는 목록 ex. 123. 가나다) - ㄴex) 순서가 있는 목록1 순서가 있는 목록2 순서가 있는 목록3 ▽비순차 목록 (순서가 없는 목록 ex. -, ※, ●) - -한줄에 여러개의 요소를 나타내려고 하는데 스타일이 비슷할 때 사용함 ㄴex) 순서가 없는 목록1 순서가 없는 목록2 순서가 없는 목록3 ○앞에 표시를 지울 수 있음 ㄴex) ○목록 list 사용법 >예전방식 float: left/right (어려워서 태그가 업데이트 됐으나 여전히 많이 사용중) -공중에 띄워서 left/right 로 보내라 -center는 없음 -left/ right 사용시 순서대로 적용 (left: 1234 / right: 4321) >최신방식 display: flex ○float시 ..
2023.10.08 -
외부 스타일 / hover
------------------------------------------------------------ ▼인라인 스타일 ▷태그에 스타일을 넣는 것 ㄴex) 제목입니다 ▼내부스타일 ▷ ▼외부 스타일 ▷스타일을 저장(~~~.css)을 하고 html 문서에 css를 연결시킴 ㄴex) ▽외부스타일을 하게 되면 공통된 스타일은 한번만 만든 후 링크설정으로 여러번 사용가능 ▷ css가 있는 경로를 찾으려면 html문서를 기준으로 ~~~.css가 있는 곳을 찾으면 됨 ▼스타일 정의 ▽가로 가운데 정렬 ▷글자, 이미지 가운데 정렬 : text-align:center; ▷img{text-align:center} 가운데 정렬이 안됨 ▷이미지를 감싼 부모(블록요소)한테 가운데정렬을 해야함 ▷박스를 가운데 정렬 : ma..
2023.10.08