비디오: [토크ON세미나] Vue.js 개발 입문 1강 - 현대 프런트엔드 개발 생태계 | T아카데미 2024
외부 스타일 시트 to) 웹 페이지에 스타일과 레이아웃을 제공하는 HTML 페이지. 계단식 스타일 시트는 외부 스타일 시트의 한 예입니다. 다음은 웹 페이지에 외부 스타일 시트를 포함시키는 것이 좋은 이유입니다.
-
CSS 스타일은 페이지 디자인을위한 이전 HTML 기반 도구보다 훨씬 강력합니다. 예를 들어, HTML 테이블을 사용하는 레이아웃에서는 디자이너가 테이블 행과 열을 내용 컨테이너로 변환해야합니다. HTML을 사용하면 테이블 셀 사이의 간격과 같은 간격이나 테이블 셀의 위쪽, 아래쪽 또는 측면의 특정 테두리와 같은 매개 변수를 거의 제어 할 수 없습니다.
-
CSS 클래스와 ID는 현대적인 페이지 디자인의 핵심 인 특수 스타일입니다.
-
이러한 CSS 클래스와 ID는 웹 페이지를 레이아웃하기위한 표준 기술로 HTML 표를 대체했습니다. 표는 행과 열의 교차에 의해 생성 된 셀을 내용의 자리 표시 자로 사용했습니다. 이 기술은 ID 및 클래스 정의 페이지 레이아웃에서 사용할 수있는 자유와 비교할 때 서투르고 제한적이었습니다.
-
5 분 안에 17, 412 페이지의 색 구성표를 변경해야합니까? 외부 스타일 시트에는 아무런 문제가 없습니다. CSS 파일을 업데이트하기 만하면 해당 스타일 시트에 링크 된 모든 HTML 파일이 브라우저에서 즉시 업데이트됩니다. CSS를 사용할 때
-
스타일이 외부 스타일 시트를 사용하여 적용되면, 링크 된 모든 페이지의 모양을 즉시 변경하는 데 사용할 수 있습니다. 이것은 대형 웹 사이트에서 없어서는 안될 생산성 도구입니다. 모든 폰트 태그를 찾아 광범위한 웹 사이트에서 변경해야한다고 상상해보십시오. 단순한 찾기 및 바꾸기 노력을 사용하면 태그가 코딩 된 일관성없는 방법 때문에 종종 작동하지 않습니다. 폰트 태그의 변형은 수백 가지가 될 수 있습니다. 즉, 웹 페이지에서는 모두 동일하게 보이지만 다르게 코딩됩니다. 따라서 찾기 유틸리티와 바꾸기 유틸리티를 쓸모 없게 만듭니다.
콘텐츠의 원래 의미를 쉽게 식별 할 수 있습니다.
-
HTML로 태그를 사용하여 형식 및 디자인에 사용하는 "더보기 좋게 만드는 모든 것"을 사용하는 경우 페이지 콘텐츠의 다른 부분을 보는 것만으로는 알 수없는 경우가 종종 있습니다.예전 스타일의 HTML은 단락 태그를 표제처럼 보이게 만드는 글꼴 태그에 속성을 적용하는 것과 같이 부적절하게 태그를 사용할 수있게합니다. 수정하기 쉽지 않습니다. 이전 폰트 태그를 없애면, 페이지 재구성에 도움이되는 시각적 단서도 제거됩니다. 예를 들어 페이지를
태그가있는 콘텐츠 블록으로 설정하여 머리글을 다르게 보이기 위해 시각적으로 단락과 태그로 구분하는 경우 태그가 분열 된 경우 그 내용을 파악하기 어렵거나 삭제됨
귀하의 사이트가 방문하는 모든 사람들에게 친절하게 - 그들이 어디에 있든 그들의 상황이 무엇이든간에. 웹을 사용하는 사람들은 전통적인 컴퓨터를 사용하지 않는 것이 점점 더 많습니다. 대신 태블릿, 스마트 폰 및 기타 디지털 장치를 사용합니다. CSS 및 HTML을 사용하면 방문자의 탐색 환경을 감지하고 방문자의 미디어에 적합한 양식으로 내용을 표시하는 다양한 스타일 시트를 제공 할 수 있습니다.
CSS 및 HTML을 사용하면 서식있는 HTML 태그를 사용하지 않을 경우 판독기 소프트웨어 또는 기타 특수 도구가있는 청각 및 시각 장애인에게 사이트를보다 쉽게 액세스 할 수 있습니다.
-
다시 말해, 일부 사용자는 스타일 시트를 사용자 정의하여 인터넷을 사용할 수 있습니다. 누군가는 글꼴 크기를 확대하거나 화면 판독기가 시각 장애를 보완하기 위해 문서의 다른 부분을 청각 적으로 신호하는 방법을 지정해야 할 수 있습니다. 청각 스타일 시트에 대한 정보는 W3C (World Wide Web Consortium) 사이트에서 찾을 수 있습니다.