비주얼 스튜디오 코드②_이미지넣기_백그라운드 이용

크롬설정하기

manage > settings > extensions > live server config > custom browser > chrome 변경

 

 

화면 셋팅하기 _ 글자 한문단에 계속 이어지는 것 방지하기

manage > settings > search settings에서 word 검색 > word wrap 찾아서 wordwrapColumn 설정 하기 

변경전: 한문단에 계속 이어짐

변경후 : 다음문단 작성됨

 

배너 이미지 적용

이미지 넣을 부분에 주석처리 해주어 이미지를 대체한다.

주석처리: ctrl+/ 

[배너 이미지 넣기]

#banner 안에 

background: url( . /폴더/파일이름)

 . 은 자기자신: index.html 안에 있는 폴더

 ..  은 상위폴더(부모폴더)

 

배너이미지 적용

• margin: 바깥여백, 컬러값을 넣으면 박스의 여백이 늘어남
• padding: 안쪽여백, 패딩은 박스와 함께 늘어남
•  

상부 박스: padding, 하부박스: margin

마진: 물체를 움직이기에 마진이 용이함

패딩: 패딩은 움직인 값만큼 포함하여 표시해줌

 

text-shadow: 글자 그림자