전체 글28 05. CSS 개념과 역사 1. CSS 의미와 브라우저 1.1. CSS 의미 Cascading Style Sheets Cascading 계단식으로 폭포가 떨어지는 중이라는 의미이다. ( 폭포처럼 흘러 내리는 모습을 떠올리면 된다. ) 스타일 시트는 위에서 아래로 내려오면서 이미지 마지막에 덮게 된다. 1.2. 브라우저 user agent stylesheet 브라우저가 기본적으로 주는 style 속성이다. ( 브라우저는 요소들에게 많은 style 속성을 부여하고 있다. ) 브라우저마다 적용되는 style 속성이나 방식이 다르다. 브라우저가 CSS 코드를 읽을 때 cascading 방식으로, 즉 위에 있는 코드부터 차례 차례로 읽는다. 개발자 도구를 사용해서 content의 위치를 찾고 임의로 값을 넣어보며 확인 할 수 있다. [핵심.. 2024. 1. 31. 04. HTML 문서 구조(작성 순서) 1. 웹 페이지 및 파일 구조 잡기 ( 거시적 ) 1) PC웹과 모바일 웹 문서가 만드는 방법 최근에는 PC웹이 모바일 웹을 무시히지 못할 정도로 트래픽 량이 발생한다. [방법1] 반응형 웹 : '모바일 웹' 먼저 만들고 => PC웹 확장하기 [방법2] 각자 따로 웹 : 모바일 웹 / PC 웹 크로스 브라우징 / 반응형 웹 등 목적에 따라 코드가 많이 달라질 수 있다. 2) 파일 구조 생성하는 순서 문서 구조 구상하기 ( 이미지화 ) 문서 이름 부여하기 물리 구조잡기 ( 그룹화 ) 폴더 잡기 - 구조화 시키기 ( 이름 구상하기 ) 홈 디렉터리 생성하기 구조 생성하기 - index.html 생성 / 폴더(디렉터리) 생성 / 다양한 웹 문서 생성 코드 작성하기 - index.html / 각종 웹 문서 [ 상.. 2024. 1. 20. 03. HTML 태그(tag) 1. Tag 개념 1.1. Tag와 Attribute 1) Tags tag를 붙여서 웹문서에 들어가는 콘텐츠가 무엇인지 알리게 된다. 임의로 이름을 부여할 수도 있지만 그렇게 되면 나만 이해할 수 있다. 웹 브라우저가 이해할 수 있게 약속된 태그를 사용해야 한다. tag는 매우 방대하기에 전부 암기 할 필요는 없다. [ 태그 사용시 주의 사항! ] 일반적인 태그 사용법으로 이런 식으로 태그를 열었다면 반드시 형태로 닫아줘야 합니다. (ex) 김치 (ex) 니콜라스 [ Self_closing tag ] 콘텐츠가 없는 태그를 Self_closing tag라고 말한다. 이 태그들의 모든 정보는 속성을 통해 제공된다. 다른 태그와 다르게 로 닫는 태그가 없다. 이것 자체가 닫기 tag가 된다. 소스 주소는 인터.. 2024. 1. 19. 이전 1 2 3 4 ··· 10 다음 반응형
