HTML CSS 스타일시트

CSS(Cascading Style Sheet, cascading style sheet)는 HTML 웹을 아름답게 만드는 데 사용됩니다. 페이지.

/*댓글 영역*/ 댓글 구문입니다

1. 스타일시트

(1) 스타일 시트의 분류

1.인라인 스타일시트

과 HTML은 정확한 제어를 위해 함께 표시되지만 재사용성이 낮고 중복성이 높습니다.

 예:

인라인 스타일 시트

2.내장 스타일 시트

은 웹 페이지에 독립된 영역으로 삽입되며 head 태그에 반드시 작성해야 합니다.

p // 형식은 p 태그

에 작동합니다.

{

스타일

}

3.외부 스타일시트

스타일 시트를 배치할 새 CSS 파일을 만듭니다. HTML 파일에서 스타일 시트를 호출하려면 HTML 파일 →CSS스타일 시트→추가 스타일 시트. 일반적으로 링크 접속 방식을 사용합니다.

일부 태그에는 다음과 같이 스타일 시트 코드를 작성할 때 일반적으로 제거되는 기본 여백이 있습니다(다른 스타일도 설정할 수 있음).

(2) 선택자

1.태그 선택기. 태그 이름을 선택기로 사용합니다.

2.class 선택자입니다. 모두 “.”로 시작합니다.

3.ID 선택자입니다. “#”으로 시작하세요.

스타일 이름">

4.복합 선택기

(1)은 ", " 으로 구분되어 병치를 나타냅니다.

(2)은 공백으로 구분되어 하위 항목을 나타냅니다.

(3) 필터 ".".

2. 스타일 속성

(1) 배경과 전경

1.배경:

2.전경 글꼴:

(2) 테두리와 테두리

테두리(표 테두리, 스타일 등), 여백(표 외부 간격). 패딩(콘텐츠 및 셀 간격).

(3) 목록 및 블록

너비, 높이, (상단, 하단 , left, right)는 절대 좌표에서만 유용합니다.

링크된 스타일:

a:link 하이퍼링크를 클릭하기 전 상태

a:visited 하이퍼링크 클릭 후 상태

a:hover 하이퍼링크 위로 마우스를 가져갈 때

a:active 하이퍼링크를 클릭했을 때

이러한 상태를 정의할 때 순서가 있습니다. l v h a