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
'TIL' 카테고리의 다른 글
| 6일차 _ 쇼핑몰 주문하기 삭제기능 만들기 (0) | 2021.09.18 |
|---|---|
| 5일차_Git 정리(오류 해결하기) (0) | 2021.09.17 |
| 4일차 (3주차_에러 해결, 탭 아이콘 이미지 넣기) (0) | 2021.09.17 |
| 3일차(에러발견, 연관검색어 크롤링 후 브라우저에 띄우기) (0) | 2021.09.16 |
| 2일차(2주차_초기화 기능 추가) (0) | 2021.09.14 |