HTML / CSS

블로거 Blogger 꾸밀 때 알아두면 도움이 되는 CSS

 .class  

class=”class”의 모든 요소를 선택

 #id  

id=”id”의 모든 요소를 선택

 { }  

중괄호는 스타일 지정의 시작과 끝을 의미한다.

 ! important  

important 라는 구절은 해당 CSS가 높은 우선 순위를 갖고 있음을 뜻한다.

• 테두리(border-style)의 유형
• CSS 브라우저 지원 접두사들
• CSS의 overflow 사용 예제
• transition-timing-function 의 값, linear, ease, ease-in, ease-out, ease-in-out 의 변화 속도 차이 (w3schools)
• em과 px은 어떻게 다른가 - CSS의 단위들
• CSS에서의 색상 설정
• CSS 색상 키워드

CSS Properties

• background-repeat 이해하기
• border-radius 이해하기
• box-shadow 이해하기
• text-decoration 이해하기
• transition 이해하기
• word-wrap 이해하기

CSS 텍스트 링크 Hover 효과

• CSS 텍스트 링크 Hover 효과 #1 - 자체 발광
• CSS 텍스트 링크 Hover 효과 #2 - 글씨 크기 확대

CSS 메뉴

• CSS transition을 이용한 아코디언 메뉴