목록CSS3 (23)
연습장
style을 적용하고자하는 HTML 요소를 셀렉터로 특정하고 선택된 요소에 스타일을 정의하는 것이다. 복수개의 셀렉터를 연속하여 지정할 수 있으며 쉼표( , )로 구분한다. h1, p { color: red; } 1. 전체 셀렉터 (Universal Selector)* : HTML 문서 내의 모든 요소를 선택한다. html 요소를 포함한 모든 요소가 선택된다. (head 요소도 포함된다) style> * { color: red; } style> 2. 태그 셀렉터 (Type Selector)태그명 : 지정된 태그명을 가지는 요소를 선택한다. style> p { color: red; } style> 3. ID 셀렉터 (ID Selector)#id 어트리뷰트 값 : id 어트리뷰트 값을..
https://poiemaweb.com/css3-syntax CSS3 Syntax | PoiemaWebCSS(Cascading Style Sheets)는 HTML이나 XML과 같은 구조화 된 문서(Document)를 화면, 종이 등에 어떻게 렌더링할 것인지를 정의하기 위한 언어이다. 즉, CSS는 HTML의 각 요소(Element)의 style(design, layout etc)을poiemaweb.com HTML5 이전 버전의 HTML에는 style을 컨트롤할 수 있는 태그(font, center)가 존재하여 CSS가 없이도 어느 정도의 스타일 표현이 가능하였으나 정보와 구조를 담당하는 HTML의 본연의 역할과 동떨어진 기능까지 추가됨으로서 복잡하고 혼란스러운 언어가 되어 버렸다. HTML5에서는 H..
모듈화와 선택적 구현:CSS3: CSS3는 여러 모듈로 나누어져 있어서 각 모듈을 독립적으로 구현할 수 있습니다. 이는 브라우저 제작자들이 필요한 기능을 선택적으로 구현할 수 있게 합니다. 예를 들어, 그림자 효과를 가진 요소나 애니메이션을 지원하는 것처럼 선택적으로 적용할 수 있습니다.CSS2: CSS2는 단일 문서로 구성되어 있어서, 한 번에 모든 기능을 구현해야 했습니다. 이는 일부 브라우저에서는 지원되지 않는 기능이 있을 수 있음을 의미합니다.모듈화: CSS3는 여러 개별 모듈로 나누어져 있습니다. 예를 들어, 그림자 효과를 추가하는 CSS 속성은 하나의 모듈로 간주됩니다. 각 모듈은 특정 기능 또는 스타일을 담당하며, 서로 독립적으로 작동할 수 있습니다.선택적 구현: 브라우저 제작자들은 CSS3..