HTML & CSS - [CSS] 선택자(Selectors), 원하는 요소를 선택하자

서론 HTML의 요소들의 스타일을 제어할 수 있는 CSS를 사용하려면 HTML의 원하는 요소와 범위를 정확하게 선택할 수 있어야 합니다. CSS문법에서는 원하는 요소를 선택할 수 있도록 다양한 방법을 제공하고 있습니다. 본문에서는 이런 요소를 선택하는 다양한 방법에 대해서 알아보도록 하겠습니다. 선택자(Selectors)와 종류 선택자는 요소를 선택하는 문법적인 방법을 일컫는 말입니다. 4개의 큰 분류로 나누어 구분할 수 있습니다. 기본 선택자(Basic selectors) - 기본적인 선택자의 표현 그룹 선택자(Grouping selectors) - 다수의 요소를 선택하는 선택자의 표현 결합 선택자(Combinator selectors) - 요소와 인접하는 형제 또는 자식 요소들을 선택하는 선택자의 표..

2022.05.18

컴퓨터/HTML&CSS

Commnet

HTML - iframes(문서안의 문서)

문서 안의 문서 HTML에서의 문법 중 iframe이라는 태그를 제공합니다. 이 태그를 이용하면 문서 안에 스페셜 한 공간을 만들어서 다른 문서와 함께 보는 듯한 효과를 사용할 수 있습니다. 기본 예제 기본 영역 예제처럼 외부의 html문서를 가져올수 있습니다. 기본적으로 iframe태그는 다른 문서를 문서 안으로 불러오는 역할을 합니다. 사이즈 조절 width / height 당연히 iframe의 크기또한 CSS 속성을 통해 수정 가능합니다. 기본 영역 테두리 설정 테두리 또한 변경 가능합니다. 기본 영역

2022.02.19

컴퓨터/HTML&CSS

Commnet

WEB - 원시적인 웹 서비스 구조

원시적인 웹 서비스의 구조 가장 기본적인 웹서비스의 구조가 뭘까요? 서버와 클라이언트에 대해서 다시 한번 정리하자면 아래와 같습니다. 서버 : 클라이언트의 요청에 응답한다. 클라이언트 : 서버에게 원하는 정보를 요청한다. 이렇게 서버와 클라이언트의 응답과 요청을 통해 웹서비스가 동작하게 됩니다. 이게 바로 웹서비스의 가장 기초적이고 핵심이 되는 구조입니다. 순수하게 HTML언어만을 전달하는 형태의 웹 서비스는 아래와 같이 동작합니다. 서버에서는 HTML 언어로 된 문서들을 보관하고 있습니다. 클라이언트는 서버에게 필요한 HTML 문서를 요청합니다. 서버는 요청받은 HTML 문서를 클라이언트에게 제공해 줍니다. 클라이언트가 가지고 있는 웹 브라우저를 통해 HTML 문서를 번역하여 형식에 맞게 출력하여 보여..

2021.08.16

컴퓨터/WEB

Commnet

HTML-CSS

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다. 안녕하세요 Gon입니다. 이글에서는 HTML을 이용하여 전자문서를 만드는 과정에서 계속해서 언급된 CSS에 대하여 알아 보겠습니다. CSS를 알게 되면서 조금 더 유용하고 가독성이 좋은 전자 문서를 만들 수 있게 될 것입니다. CSS는 무엇일까요? CSS - Cascading Style Sheet의 약자로 HTML을 통해 만드는 전자문서의 계단식 레이아웃을 만들수 있게 도와줍니다. CSS를 사용하면 단순히 글로 이루어진 전자문서들의 요소들의 크기 형태 색 위치 배경 등을 자유롭게 변경하여 조금 더 효율적인 전자문서가 될 수 있게 도와줍니다. * 계단식 레이아웃의 의미는 상위 요소에서 설정된 C..

2021.01.04

컴퓨터/HTML&CSS

Commnet