CSS

CSS 정의 : Cascading Style Sheet HTML로 웹 사이트의 내용을 작성하고 CSS로 웹 문서의 디자인을 구성한다. [기본형] [스타일시트] ① 내부 스타일 시트 : HTML에 style이라는 속성을 사용하는 형식. ② 외부 스타일 시트(linked style) : 실무에서 가장 많이 사용하는 형식/ .css라는 파일 확장자를 사용하...

(7) 위치선택자 (7)-1. 배수 > ul태그에서 li가 5개 이상일 때 짝수와 홀수를 한꺼번에 선택해서 효과를 줄 수 있다. 짝수ㅣ nth-child(2n) 홀수ㅣ nth-child(2n+1) nth-child 자체가 n번째 자식 요소에 선택자 효과를 주라는 말. 위치선택자(배수) ol li:nth-child(2n) { backgrou...

웹 폰트 적용하기 > @font-face { font-family:글꼴 이름; scr:url(글꼴파일 검토) format(파일유형); } font-size속성 1em=16px 1.5em=24px 1.75em=28px font-weight속성 - 글자 굵기정하기 속성값 설명 normal 일반적인 형태, 기본값 bo...

1. 개념 정의 하나의 플렉스 아이템이 flexible box(container)가 차지하는 공간에 알맞게 맞추어 들어가기 위해 사이즈를 키우거나 줄이는 방법으로, 주로 반응형 웹에서 사용한다. 웹표준 고정 개념이 아니므로, 하위브라우저 혹은 미지원 브라우저에서는 적용이 되지 않는 경우가 발생할 수도 있다. 따라서 'bender-prefix'를 사용해서 브...

1. position 속성 - relative, absolute, fixed position : 요소의 위를 나열하기 위해 사용하는 css속성 [종류] ① static : default값. 아무런 변화 없음 ② relative : 상대적 위치   용도1) 요소 자기 자신의 상대적 위치를 잡기 위함   용도2) 자식요...