li 한 줄의 리스트 ( 기본값 블릿모양으로 목록에서 동그란 점 모양으로 나타남 )
<select name = "color" id = "co">
<option value = "title">제목</option>
<option value = "content">내용</option>
<option value ="3">
</select>
container =
콘텐츠나 레이아웃에 아무런 영향도 주지 않고, 여러 요소들을 하나로 묶어 관리하기 용이함
wrap =
부모 넓이보다 요소들의 총 넓이가 크다면 나머지 요소들을 다음줄로 줄바꿈 해준다.
@keyframes logoAni <- 이름이라 아무거나 사용 가능
- 애니메이션 효과 추가 설정
forwards 애니메이션에 속성으로 주면 애니메이션이 끝나고의 스타일이 유지된다.
infinite 애니메이션이 무한 루프 진행.
input type="text" = 텍스트를 입력할 수 있는 입력창을 만듦
text-decoration: line-through;
- 글씨 위에 가운데 줄 표시 설정
div는 자동줄바꿈
span은 인라인 느낌으로 옆으로 정렬 가능
float: left; 요소를 왼쪽으로 이동시킨다.
1,2,3,4,5,6,7,8 첫번째 값이 왼쪽으로 계속 밀리고 두번째 값부터 오른쪽에서 왼쪽으로
채워지게 된다.
1
2
3
4
5
6
7
8
즉 8개의 값이 1 2 3 4 5 6 7 8 이런 개념으로 앞의 값을 왼쪽으로 밀어내는 느낌이다.
★ 놓치는 부분 ★
css 파일을 생성한 후 열심히 작성한 뒤 html 파일 라이브 서버 실행했는데
하나도 적용이 안되어 있어서 확인해보니까 link로 연결을 안해놓아서 많이 헤맸다.