Front11 CSS Selector(1) CSS Selector (CSS 선택자)는 HTML 문서 내에서 CSS 규칙을 적용할 요소를 정의하는 역할을 한다. 선택자로는 기본 선택자, 그룹 선택자, 결합자, 의사 클래스, 의사 요소 등이 있다. 기본 선택자에도 여러 가지 선택자들이 있는데 전체 선택자의 경우 HTML 문서 내의 모든 요소를 선택하여 적용한다. 위와 같이 * {style properties} 와 같이 작성하며 이는 html 문서 내 모든 요소에 적용된다. 유형 선택자는 태그명을 이용해서 스타일을 적용한다. HTML 문서 내에서 주어진 해당 유형의 모든 요소를 선택하여 적용하는 것이다. 다음과 같이 html 문서를 작성할 경우 아래와 같은 결과를 얻을 수 있다. h3이라는 유형만 선택하여 스타일을 적용하는 것이다. 클래스 선택자는 해.. 2023. 5. 2. CSS CSS는 Cascading Style Sheets의 약자로 HTML 문서를 화면에 표시하는 방식을 정의한 언어이다. CSS를 통해 웹 문서의 내용과는 관계없이 디자인만 바꿀 수 있고, 다양한 기기에 맞게 반응형으로 바뀌는 문서 또한 만들 수가 있다. CSS를 적용하는 방법으로는 External style sheet과 Internal style sheet, Inline style 이 있다. External style sheet은 html 문서 내에서 태그를 사용하여 외부 스타일 시트를 적용한다. 위와 같이 head 태그 내에 작성하게 된다. 참조하는 css 파일이 다음과 같다면 아래와 같은 결과가 나타난다. Internal style sheet는 파일 내에 스타일을 적용하는 방식이다. 태그 사이에 CSS .. 2023. 5. 2. HTML HTML은 Hyper Text Markup Language의 약자다. Hyper Text 는 참조를 통해 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트를 의미한다. 문서 작업할 때 문장에 링크를 다는 것을 하이퍼 텍스트 기능이라고 했던 것을 기억할 것이다. Markup은 태그 등을 이용해서 문서나 데이터의 구조를 명기하는 언어이다. HTML은 이 두가지가 융합된 언어라는 것이다 HTML은 웹페이지를 작성하기 위한 언어로, 그 확장자로 .html을 가진다. 또한 HTML내의 태그는 대소문자 구분이 없고, 엔터나 스페이스바, 탭 등이 적용되지 않는다. HTML은 태그와 내용 요소로 구성되어 있다. 태그의 경우 시작태그와 종료태그로 쌍을 이루거나 하나의 태그만 존재하는 태그도 있다. 또한 시작태그에서는.. 2023. 5. 2. 이전 1 2 3 다음
