innn

페이지 이름은 index.html 이다 왜? 대부분의 웹서버가 디폴트로 index.html 을 찾아보도록 설정되있기 때문이다. index = 첫번째 라는 의미. 그래서 책에서 인덱스를 찾아보면 첫번째 페이지에 있듯이. 웹서버도 디폴트로 index.html 를 먼저 찾는다. 첫번째로 만들 부분은 상태바. 상태바는 이 페이지에서 유일하게 하나인 부분이기 때문에 id를 넣어준다. id 명은 status_bar. 이 상태바에는 3가지 컬럼이 존재하는데, no service 부분, 시간(18:43) 부분, 배터리 부분이다. 이렇게 세가지 컬럼이 존재하니까 이건 클래스로 넣어준다. 상태바 컬럼은 status_bar(부모)__column(자식 부분명시) 이라고 클래스명을 지어주는데, 이렇게 긴 이름이 지어진 이유는?..

flexbox는 박스들을 어떤 곳이든 둘 수 있다. 단 규칙이 있다. 1. 자식 엘리먼트에는 어떤 것도 적으면 안된다. 무조건 부모 엘리먼트에만 말해야한다. 가령, div 의 부모인 body에 display:flex;로 준다

1. 개수의 차이 id는 고유한 값이기 때문에 오직 하나이다. #class {} 단, 클래스는 많은 곳에서 원하는 만큼 사용 가능하다. .class명 { } 클래스는 유일할 필요가 없어서 여러 요소들이 같은 class명을 사용할 수 있다. 클래스는 심지어 한 요소에 여러개를 넣을 수 있다.

span은 인라인 요소 인라인 요소는 width와 height를 가지지 않기 떄문에 위 아래에 margin(경계선 바깥)을 가질 수 없다. padding(경계선 안쪽) 은 사방에 가질 수 있다. 인라인 요소에 마진을 주고 싶으면 display 속성에 block으로 바꿔줘야 한다.

Margin은 box(여기서 div)의 border(경계)의 바깥에 있는 공간이다. Padding은 그 반대. 경계로부터 안쪽에 있는 공간이다.

block 은 옆에 다른 요소가 올 수 없다. inline 은 옆에 다른 요소가 올 수 있다. (inline = in the same line) 이다. 대부분의 요소는 블록이기 때문에, 블록이 아닌 요소 즉 인라인인 요소를 외우는 게 더 편하다. 인라인 요소의 대표적인 것은 span, img, a 태그가 있다. (span 태그 ; 짧은 구문을 쓸 때 사용 태그 / a 태그 ; 링크를 걸 때 사용하는 태그 / imga 태그 ; 이미지를 첨부할 때 사용 태그) 나머지는 대부분 블록이라고 알아두고 쓰자. 그게 편하다. 그렇다면 인라인 요소를 블록요소로, 블록 요소를 인라인 요소로 바꿀 수 있을까 ? 결론은 그렇다. span 태그는 기본 요소가 inline인데, 이를 블록으로 바꾸려면 css에서 display ..

폼 요소에 레이블을 붙이는 것이 label 태그다 태그와 같은 폼요소에 레이블을 붙일 때 사용한다. label이란 입력란 가까이에 아이디나 비밀번호터럼 붙여놓은 텍스트를 말한다. 태그를 사용하면 폼 요소와 레이블 텍스트가 서로 연결된 것을 웹브라우저가 알 수 있다. 태그는 2가지 방법이 있지만, 자바 스크립트를 위해 더 잘 쓰이는 쪽을 정리해보겠음. 기본형 : 레이블명 이 방법은 태그와 폼 요소를 따로 사용한다. 태그의 for 속성과 폼 요소의 id 속성을 이용해 서로 연결하는 것이다. 다시 말해, 폼 요소의 id 속성값을 태그의 for 속성에게 알려주는 방법을 사용하는 것이다. 예시 : 아이디(6자 이상) 여기서 label for 의 user_id 와 input 태그의 id의 user_id는 똑같이 설..

HTML , CSS / JAVA SCRIPT 에서 사용가능한 주석이 달랐다 이유는 모름 일단 태그에선 // 주석이 사용가능하다. 자바와 같았다. html, css의 안에서는 불가능. 단 주석이 사용가능한데 자바와 마찬가지로 ctrl + / 를 누르면 자동 주석 처리가 된다. html, css 주석 단축키: 컨트롤 + / (이클립스와 동일)