본문 바로가기

3월 ~ ) HTML 와 CSS/페이지 구조

헤더 배경 & 메뉴

 

적용 전                                                                                                            적용 후

 


* 배경 이미지 지정 (상대 경로)

* index. html

 


* 지정 위치 고정하기

 

* style.css

왼쪽정렬 (기본 )로 고정되어있던걸, 포지션을 이용해 위쪽(설정)을 고정해서 센터로.

background 단어를 이용해 이미지/ 리포트/ 포지션  이 세가지 속성 사용가능. (▷ 속기형작성법 )

 


 

 

* index.html

 


 

 

* style.css

 

인라인 구조 & 블록 구조 참고

https://webzz.tistory.com/872

 

블록구조/인라인구조

01. 참고 : 블록구조/인라인구조 난이도 쉬움 소스 다운로드 영상보기 소개 안녕하세요!. 웹스토리보이입니다. 웹 사이트 제작에 있어 가장 기본이 되는 블록 구조와 인라인 구조에 대해서 알아

webzz.tistory.com

 


* 마우스 오버 했을때, 색상 바뀜

 

* style.css