CSS
-
웹의 두 기둥 HTML과 CSS [웹디자이너를 위한 HTML5], [새로운 CSS 레이아웃]책을 읽자 2022. 9. 30. 22:25
지금의 html과 css는 정말 많은 기능을 지원하고 있다. 하지만 태초의 html에서 지금의 html이 되기 까지는 정말 많은 사람들의 노력이 들어갔다. 그리고 css없는 안쓰럽던 html문서에서 css가 더해지면서 지금의 아름다운 웹페이지들이 만들어 졌다. 웹을 지탱하는 두 기둥인 HTML과 CSS에 대해 알아보자. (물론 JS도 빼 놓을 수 없다.) 먼저 html의 중요한 태그들을 알아보자! a태그 a요소는 일반 텍스트를 하이퍼텍스트로 바꿔준다 HTML5에서는 a요소 안에 여러 요소를 넣을 수 있다. a안에 a를 넣을 수는 없다 section태그 section요소는 연관된 컨텐츠를 묶을 때 사용한다. 블로그 포스트나 기사처럼 콘텐츠 영역을 독립적으로 배포할 수 있는 경우 article요소를 쓴다. ..
-
20220927 TIL 두뇌 풀 가동!TIL 2022. 9. 27. 18:20
이번 주는 새롭게 배우는 것들이 많다. 한동안 인텔리제이를 쓰고 있었는데 이번 주부터는 vs code를 쓰고 있어서 단축키들에 새로 적응을 하고 있다. 태그이름#id 태그이름.클래스이름 을 쓰고 엔터를 치면 자동으로 태그가 완성된다. 태그*개수 를 쓰고 엔터를 치면 개수만큼 만들어진다. 인텔리제이에서 shift enter에 해당하는 게 vs code에서는 cmd enter다. 그리고 라인 정리를 해주고 싶으면 opt shift f를 하면 된다. html 문서를 작성하고 싶으면 ! 엔터를 치면 된다. 그리고 치고 싶은 태그를 꺽쇠 없이 태그 이름을 치고 엔터를 치면 자동완성된다. 그리고 live server 익스텐션을 쓰면 저장할 때마다 새로고침을 하지 않아도 된다. 그리고 배치를 할 때 헷갈리면 각 요소..
-
20220926 TIL 집단 지성 최고TIL 2022. 9. 26. 18:11
오늘은 거의 이 세상 존재하는 모든 CSS 게임을 섭렵하였다. 그 과정에서 뭐지 싶은 부분들이 있었는데 집단지성으로 서로 협력하면서 돕고 도와 결국 모두 이해하게 되었다. css는 부모 요소에 적용한 스타일이 있을 때 자식 요소에 적용한 스타일이 따로 없다면 부모 스타일이 그대로 드러나게 된다. 즉, 부모 요소에 background color를 줬을 때, 자식 요소는 transparent한 상태라고 보면 되기 때문에 부모 요소 색이 자식 요소 부분에 드러나게 된다. 그리고 만약 동일한 요소에 두 개의 스타일이 적용된 경우에는 우선순위가 높은 아이가 나타나게 된다. child selector(>) 는 depth 1까지만 선택이 되고, descendant selector ( )는 depth관계 없이 모두모두..
-
6주차 개념노트 (HTML, CSS 총정리)메가테라 2022. 9. 25. 15:50
W3C W3C는 World Wide Web Consortium의 약자로, 웹표준을 제정하고 관리하는 기관이다. HTML, CSS, DOM, SVG등을 관리한다. HTML HTML은 HyterText Markup Language로, 웹 페이지를 만드는 데 사용하는 언어이다. HTML태그들로 웹페이지를 만들 수 있다. HTML 태그는 태그 이름을 로 감싸서 표현한다. 대부분의 태그는 열고 닫음이 명확해야 한다. 태그 한개로 표현이 가능한 경우에는 와 같이 쓸 수도 있다. 닫는 태그는 태그이름 앞에 /가 있다. 등의 종료 태그 없이 시작하는 태그만 있는 태그를 빈 태그라고 한다. 지금은 HTML5가 최신 버전이다. html문서 최상단에 을 써서 HTML5문서임을 명시할 수 있다. 헤딩입니다. 가 기본 포맷이다..