CSS의 개념 : 집에서 정리 내부,외부 css를 사용하는 이유: 태그마다 스타일을 지정하기 때문에 같은 스타일을 적용할때 효율적이지 못하다. 대표적으로 사용되는 선택자 6가지 타입 선택자 : p라던지 요소를 선택해서 사용 전체 선택자 : 보통 홈페이지 전체
색상 표현하는 방법 > 색 이름으로 표현 red , green 색 코드로 표현 16진수로 표현 #FF0000(red) - 자주 사용 10진수로 표현 rgb(255, 0, 0) 퍼센트로 표현 rgb(100%, 0, 0) "font" : 한줄에서 모든 폰트 속성을 설정
박스 모델 (BOX Model) 콘텐츠(content) : 박스의 내용물, 텍스트와 이미지가 나타나는 부분 패딩(padding) : 콘텐츠 주위의 영역, 패딩은 투명하다 경계(border) : 패딩과 내용물을 감싸는 경계, 경계는 박스의 경계색에 의하여 영향을 받음
배경 설정하기 링크 스타일 : 링크 스타일 예제] 리스트 스타일 : 리스트 스타일 예제] 리스트 스타일 네비게이션바 예제] 끝.
테이블 스타일 표를 꾸밀때 사용 (id나 class를 이용해 수정도 가능) nth-child : 순서선택자 ? 체크 정리된 글 : https://lalacode.tistory.com/6
ㅇ
효과 CSS3에는 많은 효과가 포함되어 있다. 가장 대표적인 효과를 알아보자. 투명도 요소의 투명도를 조절 투명도 예제] 가시성 어떤 요소를 보이거나 안 보이게 하는것 visibility:(속성) 가시성 예제] 전환 다른 형태로 변화되는 효과를 추가 전환
CSS3 애니메이션 @keyframes 일단 애니메이션 사용하려면 튀어오르는 공 애니메이션 만들기 참고> display: block; 글자뿐만 아니라 한 줄 전체가 선택된다.