HTML156 CSS 선택기(selector) CSS 선택기는 스타일을 지정할 HTML 요소를 선택한다. CSS 선택기(Selector) CSS 선택기는 스타일을 지정할 HTML 요소를 "찾거나" 선택하는 데 사용된다. CSS 실렉터는 다음의 5가지 범주로 나눌 수 있다: 단순 선택기(이름, ID, 클래스를 기준으로 요소 선택) 조합 선택기(요소 간의 특정 관계에 따라 요소 선택) 유사 클래스 선택기(특정 상태에 따라 요소 선택) 유사 요소 선택기(요소의 일부를 선택하고 스타일 지정) 속성 선택기(속성 또는 속성 값을 기준으로 요소 선택) 이 페이지에서는 가장 기본적인 CSS 선택기에 대해 설명한다. CSS 요소 선택기(CSS element selector) 여기서 페이지의 모든 요소는 빨간색 텍스트 색상으로 가운데 정렬된다: p { text-ali.. 2023. 6. 29. CSS Syntax(CSS 구문) CSS 규칙은 선택기와 선언 블록으로 구성된다. 선택기(selector) 선언블록(declaration) h1 { color : blue; -> 속성 : 값 font-size:12px; } 선택기는 스타일을 지정할 HTML 요소를 가리킨다. 선언 블록에 세미콜론으로 구분된 하나 이상의 선언이 포함되어 있다. 각 선언에는 콜론으로 구분된 CSS 속성 이름과 값이 포함된다. 여러 CSS 선언은 세미콜론으로 구분되며 선언 블록은 곱슬곱슬한 중괄호로 둘러싸여 있다. CSS 예제입니다. Hello World! 이 단락들은 CSS로 작성되었습니다. 위의 css 코드를 실행한 결과는 아래 그림이다. p는 CSS에서 선택기이다(스타일링할 HTML 요소를 가리킵니다: ). 색상은 속성이고, 빨간색은 속성 값이다 text.. 2023. 6. 28. HTML SSE API SSE(Server-Sent Events)를 통해 웹 페이지가 서버에서 업데이트를 가져올 수 있다. Server-Sent Events - 단방향 메시징 서버에서 발송된 이벤트는 웹 페이지가 자동으로 서버에서 업데이트를 받는 경우이다. 이는 이전에도 가능했지만 웹 페이지에서 사용 가능한 업데이트가 있는지 문의해야 한다. 서버에서 보낸 이벤트의 경우 업데이트가 자동으로 수행된다. 예: Facebook/Twitter 업데이트, 주가 업데이트, 뉴스 피드, 스포츠 결과 등. Server-Sent 이벤트 알림 수신 EventSource 개체는 서버에서 보낸 이벤트 알림을 수신하는 데 사용된다: 서버 업데이트 가져오기 새 EventSource 개체를 만들고 업데이트를 보내는 페이지의 URL을 지정한다(이 예에서는 .. 2023. 6. 27. HTML Web Workers API 웹 작업자는 페이지 성능에 영향을 주지 않고 백그라운드에서 실행되는 JavaScript 이다. 웹워커란 무엇인가?(HTML Web Worker) HTML 페이지에서 스크립트를 실행하면 스크립트가 완료될 때까지 페이지가 응답하지 않는다. 웹 작업자는 페이지 성능에 영향을 주지 않고 다른 스크립트와 독립적으로 백그라운드에서 실행되는 JavaScript 이다. 웹 작업자가 백그라운드에서 실행되는 동안 클릭, 항목 선택 등 원하는 모든 작업을 계속할 수 있다. HTML 웹워커 예제 아래 예제에서는 백그라운드에서 숫자를 셀 수 있는 간단한 웹 작업자를 만든다: Count numbers: HTML 웹워커 시작 HTML 웹워커 중지 Note: Internet Explorer 9 및 이전 버전에서는 웹 작업자를 지원하.. 2023. 6. 26. 이전 1 ··· 17 18 19 20 21 22 23 ··· 39 다음
