목록Web/HTML+CSS (8)

프로그래밍

[CSS] CSS 선택자의 기본

CSS 선택자의 기본 교재: 생활코딩! HTML+CSS+자바스크립트 229p ~ 238p CSS를 지배하는 두 가지 중요한 토대가 있다. 첫 번째는 효과이고, 두 번째는 선택자이다. CSS 06 에서 효과에 대한 토대를 닦았고, 이번에 선택자에 대한 토대를 닦아보자. ​ * 예제 코드 ... 생략 ... HTML CSS JavaScript ... 생략 ... 예제 코드의 모든 태그를 기본적으로 검은색으로 바꾸고, 사용자가 방문한 적이 있었던 페이지는 회색으로 바꾸고 싶다. 또, 현재 사용자가 머물고 있는 페이지의 링크는 현재 방문하고 있다는 뜻에서 빨간색으로 표시하고 싶다. 즉, 모든 링크는 기본으로 검은색이며, 방문했던 링크는 회색, 현재 페이지 링크는 빨간색으로 하겠다. 웹 페이지의 모든 태그를 검은..
Web/HTML+CSS 2023. 6. 30. 09:10
[CSS] CSS의 구성요소

CSS의 구성요소 교재: 생활코딩! HTML+CSS+자바스크립트 220p ~ 221p 선택자는 이 웹페이지의 모든 태그를 선택한다 선택자가 지정한 태그에 어떠한 효과를 줄 건지 정의하는 부분이 선언부분이며 속성, 값으로 이루어져 있다
Web/HTML+CSS 2023. 6. 30. 08:57
[CSS] CSS의 기본 문법

CSS의 기본 문법 교재: 생활코딩! HTML+CSS+자바스크립트 215p ~ 219p 태그로 HTML과 CSS를 구분지을 수 있는데 태그를 통하는 것이 아닌 속성 이용하는 방법이 있다. style 속성을 이용해 스타일 변경 스타일을 적용하고 싶은 해당 태그에 style 속성을 사용하여 스타일을 적용할 수 있다 "style="이라는 문법은 HTML이지만 그 안의 속성에는 무조건 CSS 효과가 오도록 약속되어 있다 CSS를 이용하여 텍스트를 빨간색으로 표시 CSS
Web/HTML+CSS 2023. 6. 30. 08:43
[CSS] CSS의 등장

CSS의 등장 교재: 생활코딩! HTML+CSS+자바스크립트 210p ~ 214p ... 생략 ... a : "모든 태그에 대해서" { color:red; } : 폰트 색상이 빨간색
Web/HTML+CSS 2023. 6. 30. 08:34
[HTML] 통계의 기반한 학습

HTML 통계의 기반한 학습 교재: 생활코딩! HTML+CSS+자바스크립트 33p ~ 36 p https://www.advancedwebranking.com/seo/html-study/ HTML Study | Advanced Web Ranking This study looks at 11 mm index pages gathered from Top 20 Google results to uncover how people write HTML markup as new web tech emerge. www.advancedwebranking.com 위의 사이트에서 어느 순위로 어떤 태그가 많이 쓰이는지 알 수 있다 HTML 통계 HTML의 최신 버전에는 150개 이상의 태그가 있다 태그들이 많지만 많이 쓰이는 태그들..
Web/HTML+CSS 2023. 6. 29. 15:30
[HTML] HTML과 태그

HTML 기본 문법과 태그 교재: 생활코딩! HTML+CSS+자바스크립트 25p ~ 32p HTML과 태그 HTML에 있어 태그라는 것을 알게되면 모르는 태그가 나오더라도 "태그 문법이라는 것 자체"는 알 수 있다 예를 들면 태그라는 것을 모르더라도 태그라는것은 알 수 있어 검색과 같은 방법으로 쉽게 알아내어 사용할 수 있다 ~ 태그 ~ 태그는 제목 태그로 숫자가 작아질수록 크기가 커지며 굵어진다 제목 태그 제목 태그 제목 태그 제목 태그 제목 태그 제목 태그
Web/HTML+CSS 2023. 6. 29. 15:08
Prev 1 2 Next