22.06.15(수)

<div> 하나하나씩 태그넣으면서 만들었음 </div>

 

브라우저 : 서버에게 요청 & 그 결과물 받아서 그려줌

 

파이참 단축키 

  --> Ctrl + S : 저장

  --> Ctrl + Alt + L : 코딩 정렬 ( 잘안됨... 해당 부분 드래그 해서 Tab으로 대체! )

  --> Ctrl + / : 주석 ( 사람은 읽고싶은데 컴퓨터는 읽지마! ① 삭제 대신 숨기기  ② 메모 ) 

 

 

태그

  --> span : 해당 글자만 꾸밀 때

  --> padding : 안쪽 여백 / margin : 바깥쪽 여백 (순서: 위오아왼 시계방향!)

  --> class = " " : div, 등 태그 별명붙여주는 것! (중첩은 "A   B" 로 하면 됨)    ex) <div class = "mytitle">

              ㄴ> CSS에서 사용될땐 .별명 으로 쓰임  ex) .mytitle { CSS } 

  --> <div> 부모태그 - <div> 자식태그 구조 기억할 것!!

 

 

 

CSS

  -->  head 안, title 밑에 style 태그 만들어서 쓰임!!!!

  --> * { CSS 복붙 } : 전체 적용 (글꼴 설정할 때 쓰임)

  --> background-color : 배경색 ( 먼저 설정한 다음 크기 확인하기!!! )

  --> width, margin:auto  : 만든 화면 위치조절(가운데로)

  --> display: block : 글상자 위치조절

       글상자 경우, 글자로 봄! (박스는 가로세로, 글은 그게 아님! 그래서 위처럼 margin으로 조절 X )

       위치 조절하고 싶다면 글상자 자체를 박스로 바꾼 다음 조절해야함

       width:  px, margin:auto, display:block 세개 다 작성

 

   --> 배경화면 3개 세트

         background-image: url("");

         background-size: cover;

         background-position: center;

 

※ CSS 파일 분리

  1) 해당 폴더에 style.css 파일 생성

  2) <link rel="stylesheet" type="text/css" href=" css파일이름.css"> 을 head에 작성