JSP(CSS)_2

 

서블릿의 경로가 설정되어있으므로 상대주소 입력시 주의!

title 속성을 가진 모든 테그

[속성] 정확한 속성을 지칭함

배경 반복 설정

{background-repeat: repeat-x; repeat-y; space; round; no-repeat; inherit; }

background-attachment: scroll | fixed | local

스타일 시트 연결 (스타일 시트만 별도로 저장)

인쇄용 스타일 시트 (반응형)

반응형 스타일시트 (모바일)

 

모서리 다듬기

코딩순서 (기본 흐름)을 벗어나도록 스타일에서 플로팅 

 인라인요소인 노말플로우를 플로팅으로 내려줄 필요!

 clear 플로트 효과 없애기

 position p.426

 상대적 위치지정 p.427

 

 postion 실습

position absolute는 포지션 속성을 가진 첫번쨰 부모를 기점으로 함

 relative 에 아무값도 주지않고 마크해서 absolute로 포지션 이동가능!

flex-direction : row|colume|row=reverse|colume-reverse;

 wrap nowrap wrap p.445

 flex 쓰는 법!

 메뉴 만드는 법 P.447

 display: flex; 가로 메뉴

 메뉴의 정렬

정렬 

 

하나만 따로 정렬

main 축은 justify-contents cross축은 align-items;--->>즉 반응형 정렬!