CSS 소개

반응형

CSS(Cascading Style Sheets)는 HTML과 같은 마크업 언어로 작성된 문서가 어떻게 보이는지를 표현하기 위한 스타일시트 언어입니다.
CSS는 레이아웃, 색상 및 글꼴을 포함하여 프리젠테이션을 내용과 분리할 수 있는 스타일시트 언어입니다.
이러한 분리는 콘텐츠 접근성을 향상시키고, 프리젠테이션 특성에 대한 더 많은 유연성과 제어를 제공하며, 여러 웹 페이지가 별도의 .css 파일에 관련 CSS를 지정하여 포맷을 공유할 수 있게 하며, 구조적 콘텐츠의 복잡성과 반복을 줄이고, .css 파일을 캐시할 수 있게 한다.파일을 공유하는 페이지와 파일 형식 간의 페이지 로드 속도.
선택기는 우리가 웹페이지에서 커스터마이징하고 싶은 HTML 구성 요소를 대상으로 하기 위해 CSS에서 사용된다. CSS 셀렉터는 다양한 모양과 크기로 출시되어 요소를 스타일링할 때 세밀한 정밀도를 제공한다.

(스포츠 팀의) 선발 위원

CSS 규칙의 첫 번째 부분은 CSS 선택기이다. CSS 속성 값을 적용하기 위해 어떤 HTML 요소를 선택해야 하는지를 브라우저에 알려주는 항목 및 단어 집합입니다.
선택기의 제목은 선택기에 의해 선택된 요소 또는 항목을 나타냅니다.

PSUEDO 선택기

의사 클래스는 그들이 말하는 것과 같다.
유사 클래스는 요소의 특정 상태를 정의하기 위해 사용됩니다.
예를 들어 다음과 같은 용도로 사용할 수 있다.
사용자가 요소 위에 마우스를 올리면 요소가 스타일링됩니다.
방문한 링크와 방문하지 않은 링크는 스타일이 다릅니다.
요소가 많은 관심을 받게 되면, 그것을 스타일링해야 할 때입니다.
Psuedo 클래스의 예로는 동적 유사 클래스, 즉 링크, 방문, 호버, 활성 및 포커스가 있습니다. UI 요소에 대한 유사 클래스: 사용, 사용 안 함, 선택됨

 

CSS 속성 속기

CSS 단축 속성을 사용하면 다른 여러 CSS 속성의 값을 동시에 설정할 수 있습니다. 속기 속성을 사용하면 보다 간략하고 자주 읽을 수 있는 스타일시트를 작성하여 시간과 에너지를 절약할 수 있습니다.
속기 속성은 CSS 규격에 정의되어 동일한 주제에서 기능하는 유사한 속성의 정의를 수집한다. 예를 들어, CSS 배경 속성은 배경색, 배경 이미지, 배경-반복 및 배경 위치에 대한 바로 가기입니다. 마찬가지로, 단축 글꼴을 사용하여 가장 일반적인 글꼴 관련 특성을 지정할 수 있으며, 여백 단축을 사용하여 상자 주변의 다른 여백을 정의할 수 있습니다.
엣지 케이스가 까다로워요