유효성 검사는 규칙에 대해 무언가를 확인하는 프로세스입니다. 초보자일 때 CSS 규칙을 작성할 때 많은 실수를 저지르는 것은 매우 일반적입니다. 작성한 내용이 100% 정확하고 W3 품질 표준에 부합하는지 어떻게 확인할 수 있습니까? CSS를 사용하는 경우 코드가 정확해야 합니다. 부적절한 코드는 페이지의 모양이나 기능에 예기치 않은 결과를 초래할 수 있습니다. 그러나 (X)HTML 문서에 포함된 CSS 스타일 시트의 유효성을 검사하려면 먼저 사용하는 (X)HTML이 유효한지 확인해야 합니다. (X)HTML 문서의 유효성을 검
CSS3 둥근 모서리는 border-radius 속성을 사용하여 본문이나 텍스트에 특수 색상 모서리를 추가하는 데 사용됩니다. 예시 <html> <head> <style> #rcorner { border-radius: 25px; b
border-radius 속성을 사용하여 4개의 border-radius 속성을 설정합니다. 다음 코드를 실행하여 border-radius 속성을 구현할 수 있습니다 - 예시 <html> <head> <style> #rcorner { border-radius: 25px;
크기 속성은 페이지 상자의 크기와 방향을 지정합니다. 페이지 크기에 사용할 수 있는 4가지 값이 있습니다. 자동 - 페이지 상자는 대상 시트의 크기와 방향으로 설정됩니다. 풍경 − 대상의 방향을 무시합니다. 페이지 상자는 대상과 크기가 같고 긴 쪽이 가로입니다. 초상화 − 대상의 방향을 무시합니다. 페이지 상자는 대상과 크기가 같고 짧은 쪽이 가로로 되어 있습니다. 길이 - 크기 속성의 길이 값은 절대 페이지 상자를 만듭니다. 길이 값을 하나만 지정하면 페이지 상자의 너비와 높이를 모두 설정합니다. 크기 속성에는 백분율 값을 사
페이지 미디어는 문서의 콘텐츠가 하나 이상의 개별 페이지로 분할된다는 점에서 연속 미디어와 다릅니다. 페이징된 미디어에는 종이, 투명 필름, 컴퓨터 화면에 표시되는 페이지 등이 포함됩니다. CSS2는 콘텐츠가 렌더링되는 유한한 차원의 상자인 페이지 상자를 정의합니다. 페이지 상자는 두 영역을 포함하는 직사각형 영역입니다 - 페이지 영역 − 페이지 영역에는 해당 페이지에 배치된 상자가 포함됩니다. 페이지 영역의 가장자리는 페이지 나누기 사이에 발생하는 레이아웃의 초기 포함 블록 역할을 합니다. 여백 영역 − 페이지 영역을 둘러싸고
문서에 레벨 1 헤더가 있다고 가정하고 섹션을 표시하기 위해 레벨 2 헤더로 새 챕터를 시작합니다. 각 장이 새로운 오른쪽 페이지에서 시작되기를 원하지만 섹션 머리글이 후속 콘텐츠의 페이지 나누기에 분할되는 것을 원하지 않습니다. 다음 규칙을 사용하여 이를 달성할 수 있습니다 - <style> <!-- h1 { page-break-before : right } h2 { page-break-after : avoid } &
페이지 매김을 제어하려면 page-break-before를 사용하세요. , 페이지 나누기 후 및 페이지 나누기 속성. 페이지 나누기 전 및 페이지 나누기 후 자동, 항상, 회피, 왼쪽 및 오른쪽 키워드를 허용합니다. 키워드 자동 기본값입니다. 브라우저에서 필요에 따라 페이지 나누기를 생성할 수 있습니다. 키워드 항상 억제를 방지하면서 요소 앞이나 뒤에 페이지 나누기를 강제합니다. 요소 바로 앞이나 뒤에 페이지 나누기. 왼쪽 및 오른쪽 키워드는 하나 또는 두 개의 페이지 나누기를 강제 실행하여 요소가 왼쪽 또는 오른쪽 페
타이포그래피 용어에서 고아는 페이지 나누기로 인해 페이지 하단에 꼬인 단락의 행이고 창은 페이지 다음 페이지 상단에 남아 있는 행입니다. 부서지다. 일반적으로 인쇄된 페이지는 위쪽이나 아래쪽에 한 줄의 텍스트가 꼬여서 보기에 좋지 않습니다. 대부분의 프린터는 각 페이지의 상단이나 하단에 최소 두 줄 이상의 텍스트를 남기려고 합니다. 고아 속성은 페이지 하단에 남겨야 하는 단락의 최소 줄 수를 지정합니다. 과부의 속성은 페이지 상단에 남겨야 하는 단락의 최소 줄 수를 지정합니다. 다음은 각 페이지의 맨 아래에 4줄, 위쪽에 3
양면 문서를 인쇄할 때 왼쪽 페이지와 오른쪽 페이지의 페이지 상자가 달라야 합니다. 예시 다음과 같이 두 개의 CSS 의사 클래스를 통해 표현할 수 있습니다. - <style> <!-- @page :left { margin-left: 4cm; margin-right: 3cm; } &nb
방위각 속성은 소리가 수평으로 나오는 위치를 설정합니다. 가능한 값은 다음과 같습니다. 각도 − 위치는 -360deg 범위 내에서 각도로 설명됩니다. 360도까지 . 값 0deg는 사운드스테이지 중앙에서 바로 앞을 의미합니다. 90deg는 오른쪽, 180deg 뒤, 270deg입니다. (또는 동등하고 더 편리하게는 -90deg) 왼쪽으로 이동합니다. 왼쪽 − 270deg와 동일합니다. 뒤에, 270도로. 맨 왼쪽 − 300deg와 동일합니다. 뒤에, 240도로. 왼쪽 − 320deg와 동일합니다. 뒤에, 220deg로. 중앙-왼쪽
문서의 청각적 렌더링은 주로 시각 장애인이 사용합니다. 시각적 렌더링이 아닌 청각적 렌더링을 통해 문서에 액세스할 수 있는 몇 가지 상황은 다음과 같습니다. 읽기 학습 교육 차량 내 웹 액세스 홈 엔터테인먼트 산업 문서 의료 문서 청각 속성을 사용할 때 캔버스는 3차원 물리적 공간(사운드 서라운드)과 시간적 공간(다른 사운드 전, 중, 후의 사운드를 지정할 수 있음)으로 구성됩니다.
이 속성은 요소의 내용을 말한 후 관찰할 일시 중지를 지정합니다. 가능한 값은 - 시간 − 절대 시간 단위(초 및 밀리초)로 일시 중지를 나타냅니다. 백분율 − speech-rateproperty 값의 역수를 나타냅니다. . 예를 들어 말하기 속도가 분당 120단어(단어가 0.5초 또는 500ms가 소요됨)인 경우 다음 후 일시 중지 100%는 500ms의 일시 중지 및 일시 중지 를 의미합니다. 20%는 100ms를 의미합니다.
위글 효과는 작고 빠른 움직임으로 위아래로 움직이거나 좌우로 움직이게 합니다. 예시 윙글 애니메이션 효과를 구현하기 위해 다음 코드를 실행할 수 있습니다 - <html> <head> <style> .animated { background-image: url(/css/images/logo.png); &nb
이 속성은 말하는 목소리의 평균 피치(주파수)를 지정합니다. 음성의 평균 피치는 음성 패밀리에 따라 다릅니다. 예를 들어, 표준 남성 음성의 평균 피치는 약 120Hz이지만 여성 음성의 경우 약 210Hz입니다. 가능한 값은 - 빈도 - 말하는 음성의 평균 피치를 헤르츠(Hz)로 지정합니다. x-낮음, 낮음, 중간, 높음, x-높음 - 이 값은 음성 계열에 따라 달라지므로 절대 주파수에 매핑되지 않습니다.
다음은 스타일 시트에 대한 미디어 종속성을 지정하는 두 가지 방법입니다. @media 또는 @import 규칙을 사용하여 스타일 시트에서 대상 매체를 지정합니다. 문서 언어 내에서 대상 매체를 지정합니다. 예시 @media 규칙의 예를 살펴보겠습니다. − <style> <!-- @media print { body { font-size: 10pt } } &
다음은 CSS의 미디어 유형입니다. S.no 값 및 설명 1. 전체 모든 장치에 적합합니다. 2. 청각 음성 합성기를 위한 것입니다. 3. 점자 점자 촉각 피드백 장치용입니다. 4. 양각 페이지 점자 프린터용입니다. 5. 휴대용 핸드헬드 장치용(일반적으로 작은 화면, 흑백, 제한된 대역폭). 6. 인쇄 인쇄 미리보기 모드에서 화면에 표시되는 페이지, 불투명 자료 및 문서용입니다. 페이징 미디어 섹션을 참조하십시오. 7. 투영 예를 들어 프로젝터나 투명
Link 요소의 미디어 속성은 외부 스타일 시트의 대상 미디어를 지정합니다. - 예시 <style> <!-- <!doctype html public "-//w3c//dtd html 4.0//en"> <html> <head> <
대상 미디어를 지정하려면 미디어 속성 −를 사용하세요. 예시 <style> <!-- <!doctype html public "-//w3c//dtd html 4.0//en"> <html> <head> <title>link to
미디어 LINK 요소의 속성은 외부 스타일 시트의 대상 미디어를 지정합니다 - 예시 <style> <!-- <!doctype html public "-//w3c//dtd html 4.0//en"> <html> <head> <t
@page 규칙 내에서 페이지 상자의 크기, 방향, 여백 등을 지정할 수 있습니다. 페이지 상자의 크기는 size 속성으로 설정됩니다. 페이지 영역의 크기는 페이지 상자의 크기에서 여백 영역을 뺀 값입니다. 예를 들어, 다음 @page 규칙은 페이지 상자 크기를 8.5 × 11인치로 설정하고 페이지 상자 가장자리와 페이지 영역 사이의 모든 면에 2cm 여백을 만듭니다. − <style> <!-- @page { size:8.5in 11in; margin: