TIL

1일차 _ 1주차 정리

haedal-uni 2021. 9. 13. 19:59
728x90

 

HTML + CSS 만들기

 

브라우저의 역할

서버한테 요청하고 서버가 준 것을 가져와서 그대로 그려준다.

 

html은 뼈대, css는 꾸미기, javascript는 유일하게 브라우저가 알아들을 수 있는 언어

 

 

html

html은 문서 형태 기반

<head>는 body말고 나머지에 필요한 태그들이 다 들어있다.

<body>는 눈에 보이는 영역

 

 

CSS

꾸민다는 것은 무언가를 가리키는 것이다. (선택하는 것)

→ 명찰을 달아준다.

→ class를 이용한다.

* class에는 중첩이 있다. (class가 2개, 3개, ..있을 수 있다.)

 

 

javascript

변수, 자료형, 함수, 조건문, 반복문만 알면 된다.

 

 

 

* 주석 처리하기 (html & css & javascript)

더보기

 

html

<!-- -->

 

javascript

// 한 줄 

/* 
여
러
줄
*/

 


css

/* 주 석 */

 

 

익숙하지 않은 코드 정리

 

 

          /* 이미지 넣었을 때 작성하는 3줄의 코드 */
            background-image: url("이미지 링크");
            background-size : cover;
            background-position: center;

 

 

        .button{
            width : 100px;
            margin : auto;
            display : block; /* 글 속성을 강제로 box로 바꿔준 후 옮긴다.*/
        }

 

margin :auto;를 입력해도 정렬이 안될 경우 display: block;를 적으면 해결된다.

 

 

 

 

margin & padding

margin이랑 padding이랑 자주 헷갈려서 비교해봤다.

 

 

padding : 안쪽으로 __px

padding: 20px;

 

 

 

margin : 바깥쪽으로 __px

margin: 20px;

 

1주차 듣다보니 그림으로 정리하면 나중에 다시 볼때도 한 눈에 들어오지 않을까 싶어서

아래와 같이 작성했다.

 

 

 

* 1주차 요약

728x90