/*주석 영역*/이것은 주석 구문입니다
1. 스타일 시트 (i) 스타일 시트의 분류 1. 인라인 스타일 시트정확한 제어 기능을 갖춘 HTML과 함께 표시되지만 재사용 성이 좋지 않고 중복성이 있습니다.
예 : <p style = font-size : 14px;> 인라인 스타일 시트 </p>
2. 임베드 스타일 시트웹 페이지에 포함 된 독립 영역으로서 헤드 태그로 작성해야합니다.
<스타일 유형 = 텍스트/CSS>
p // 형식은 p 태그에서 작동합니다
{
스타일;
}
</스타일>
3. 외부 스타일 시트스타일 시트를 배치 할 새 CSS 파일을 만듭니다. HTML 파일에서 스타일 시트를 호출하려면 → CSS 스타일 시트 → 첨부 된 스타일 시트를 HTML 파일로 마우스 오른쪽 버튼으로 클릭해야합니다. 일반적으로 링크 연결이 사용됩니다.
참고 : CSS 파일에 스타일 태그를 쓸 필요가 없습니다.
일부 태그에는 기본 마진이 있으며, 이는 일반적으로 스타일 시트 코드를 작성할 때 (다른 스타일을 설정할 수 있음) 다음과 같이 일반적으로 제거됩니다.
참고 : 위의 그림은 먼저 여백과 간격을 제거하는 것입니다.
(ii) 선택기 1. 태그 선택기. 레이블 이름을 선택기로 사용하십시오. 2. 클래스 선택기. 그들은 모두 시작 합니다 . 참고 : 클래스 선택기는 레이블 선택기와 겹쳐서 다른 효과를 보여줄 수 있습니다. 3. ID 선택기. # 부터 시작하십시오 . 참고 : ID 선택기를 태그 선택기와 겹쳐서 다른 효과를 보여줄 수 있습니다.<div id = 스타일 이름>
4. Composite 선택기(1) 평행을 사용하고 분리하고 표시합니다.
(2) 후손을 나타내는 공간으로 분리하십시오.
(3) 필터.
2. 스타일 속성 (i) 배경 및 전경 1. 배경 :2. 전경 글꼴 : (ii) 국경과 경계 테두리 (테이블 테두리, 스타일 등), 마진 (외부 테이블 간격). 패딩 (컨텐츠 및 셀 간격). (iii) 목록 및 블록 너비 , 높이 , ( 상단 , 하단 , 왼쪽 , 오른쪽 )는 절대 좌표에만 유용합니다. CSS 스타일 시트 코드 표시 :
CSS 파일 코드 :
CSS 코드 복사 컨텐츠를 클립 보드에 복사합니다