HTML/CSS 요약 1
- WBOY원래의
- 2016-09-26 08:27:16905검색
1. 웹페이지의 배경색을 정의합니다
색상은 2가지 방법으로 표현할 수 있습니다. 1. 파란색 등 색상 이름을 직접 지정합니다. 2. 각각 두 자리의 16진수 데이터를 나타내는 #RRGGBB와 같은 16진수 데이터 표현을 사용합니다.
2. 배경 이미지 설정
<본문 배경="이미지 주소">
3. 텍스트 색상 설정
<본문 텍스트="텍스트 색상">
4. 링크 텍스트 속성 설정
alink는 마우스 클릭 시 링크 색상을 설정하는 데 사용할 수 있습니다. vlink는 방문한 하이퍼링크의 색상을 설정할 수 있습니다.
5. 페이지 여백 설정
<본문 상단마진=값 왼쪽마진=값 오른쪽마진=값 하단마진=값>
6. 제목 태그
...제목>
7. 페이지 키워드 정의
8. 페이지 설명 정의
9. 편집 도구 정의
10. 작성자 정보 정의
11. 웹페이지 텍스트 및 언어 정의
12. 웹페이지로의 시간 이동 정의
http-equiv에서 새로 고침을 사용하면 페이지 자체를 자동으로 새로 고칠 수 있을 뿐만 아니라 페이지 간 자동 점프 프로세스도 실현할 수 있습니다.
13.링크
1. 기본 하이퍼링크를 만듭니다: 링크 표시 텍스트
속성: href - 링크 이름 지정 - 링크에 이름 지정 - 링크에 프롬프트 텍스트 추가 - 링크의 대상 창 지정 : -self--in 현재 페이지에서 링크를 엽니다. -blank--새 빈 창에서 링크를 엽니다. -top--링크를 여는 것으로 이해될 수도 있는 최상위 프레임에서 링크를 엽니다. 루트 프레임에서 -parent--현재 프레임의 링크를 엽니다. 이전 수준의 링크를 엽니다.
2. 이미지 링크 생성
3. 앵커 포인트 생성
& lt; a name = "앵커 포인트의 이름" & lt;/a & gt; 앵커 포인트는 지정된 이름으로 지정된 웹페이지의 특정 위치를 나타냅니다. 앵커 포인트 링크를 만들기 전에.
~
14. 양식
일반적으로 양식 핸들러 작업과 전송 방법 메서드는 필수 매개변수입니다.
작업은 처리를 위해 양식 데이터가 제출되는 주소를 지정하는 데 사용됩니다. 양식 핸들러는 양식이 제출될 주소, 즉 양식에서 수집된 데이터가 전달될 프로그램의 주소입니다.
전송 방법 값은 get과 post 두 가지뿐입니다. 가져오기--양식 데이터가 작업 속성에 지정된 URL로 전송된 다음 새 URL이 처리기로 전송됩니다. 게시--양식 데이터가 양식 본문에 포함된 다음 처리기로 전송됩니다.
15. 이미지 삽입
16. 멀티미디어 파일 추가
17. 다른 태그 삽입
공백 기호 삽입:
특수 기호 삽입: &...©
18. 텍스트 형식 설정
글꼴은 글꼴, 글꼴 크기, 색상 및 기타 속성을 제어하는 데 사용됩니다. <글꼴 얼굴=”글꼴 스타일”>... ..는 글꼴 크기를 설정하는 데 사용됩니다. <글꼴 색상=”글꼴 색상”>...은 텍스트 색상을 설정하는 데 사용됩니다.
굵은 텍스트, 굵은 텍스트, 기울임꼴 텍스트, 기울임꼴 텍스트, ;기울임꼴 텍스트, 밑줄이 있는 내용, 위 첨자 내용, 아래 첨자 내용
19. 단락 서식
단락 텍스트
,줄 바꿈 표시
20. 가로선 표시
기본 스타일인
,
,
,
,
가로선을 사용하여 그림자 제거
21.css
1.css: 캐스케이딩 스타일 시트. CSS를 사용하면 웹 페이지의 형식 지정 코드를 단순화하고, 다운로드 속도를 높이고, 업로드해야 하는 코드 양을 줄이고, 반복 작업의 작업량을 크게 줄일 수 있습니다. 스타일 시트의 주요 목적은 웹 페이지에서 요소의 위치를 정확하게 지정하는 것입니다. 둘째, 웹페이지에서 콘텐츠 구조와 형식 제어를 분리하여 웹페이지가 콘텐츠로만 구성될 수 있도록 하고, 웹페이지의 형식은 CSS 스타일시트 파일을 통해 제어합니다
2. CSS 구문 구조는 선택자, 스타일 속성, 값의 세 부분으로만 구성됩니다. 기본 구문은 다음과 같습니다.
선택자 {스타일 속성: 값; 스타일 속성: 값;...｝
3. 기본 CSS 선택기
태그 선택기: p 선택기와 같은 선택기로 직접 HTML 태그를 사용합니다. 카테고리 선택기: 태그 선택기가 선언되면 페이지의 모든 태그가 그에 따라 ID 선택기와 클래스를 사용하는 방법이 변경됩니다. 단, id 선택기는 html 페이지에서 한 번만 사용할 수 있다는 점이 다릅니다.
4. CSS 사용법
외부 스타일 시트 링크:
인라인 모드:
외부 스타일 시트 삽입:
@import url("외부 스타일 시트의 파일 이름")
내부 스타일 시트:
<스타일 유형=”텍스트/css”>
5. CSS 속성 설정
CSS 속성은 유형, 배경, 블록, 상자, 테두리, 목록, 위치 지정 및 확장으로 구분됩니다.
CSS 유형 속성: 글꼴 계열, 글꼴 크기, 글꼴 스타일, 줄 높이, 텍스트 장식, 글꼴 두께, 글꼴 변형, 텍스트 변환, 색상
CSS 배경 속성: Background-color, Background-image, Background-repeat, Background-attachment(배경 이미지가 원래 위치에 고정되는지 또는 콘텐츠와 함께 스크롤되는지 결정), Background-position(X) 및 background- 위치(Y): 요소를 기준으로 배경 이미지의 초기 위치를 지정합니다.
CSS 블록 속성: 단어 간격: 단어 간격을 설정합니다. 문자 간격: 글자나 문자의 간격을 늘리거나 줄입니다. 수직 정렬: 적용되는 요소의 수직 정렬을 지정합니다. 텍스트 정렬: 요소의 텍스트 정렬을 설정합니다. Text-indent: 텍스트 첫 줄의 들여쓰기 정도를 지정합니다. 공백: 요소의 공백을 처리하는 방법을 결정합니다. 표시: 요소를 표시할지 여부와 방법을 지정합니다.
CSS 상자 속성: 너비 및 높이 속성은 요소의 너비와 높이를 설정합니다. 부동: 요소 주위에 다른 요소가 부동하는 측면을 설정합니다. 패딩: 요소 콘텐츠와 요소 테두리 사이의 간격을 지정합니다. 여백: 한 요소와 다른 요소의 테두리 사이의 간격을 지정합니다.
CSS 테두리 속성: 스타일: 테두리의 스타일 모양을 설정합니다. 너비: 요소 테두리의 두께를 설정합니다. 색상: 테두리 색상을 설정합니다.
CSS 목록 속성: List-style-type: 글머리 기호 또는 숫자의 모양을 설정합니다. 목록 스타일 이미지: 글머리 기호에 사용자 정의 이미지를 지정할 수 있습니다. 찾아보기 버튼을 클릭하여 이미지를 선택하거나 이미지 경로를 입력하세요. 목록 스타일 위치: 목록 항목 텍스트를 줄 바꿈하고 들여쓸지 여부와 텍스트를 왼쪽 여백으로 줄 바꿈할지 여부를 설정합니다.
CSS 위치 지정 속성: 위치: 4개의 선택 값: 절대값은 요소를 원하는 위치로 정확하게 이동하고 요소의 절대 위치를 지정할 수 있습니다. 고정--창을 기준으로 위치가 고정되었습니다. 상대--상대 위치 지정은 요소의 기본 위치를 기준으로 합니다. 정적--이 속성 값은 모든 요소의 기본 위치 지정입니다. 정적을 사용하여 상속을 취소할 수 있습니다. 즉, 요소 위치 지정의 기본값을 복원할 수 있습니다. 가시성: 가시성 속성이 지정되지 않으면 대부분의 브라우저는 기본적으로 상위 값을 상속합니다.
CSS 확장 속성: Page-break-before: 두 가지 속성은 인쇄된 페이지의 페이지 나누기를 설정하는 데 사용됩니다. 페이지 나누기 이후: 개체를 검색하거나 설정한 후 나타나는 페이지 나누기입니다. 커서: 포인터가 스타일에 의해 제어되는 개체 위에 있을 때 포인터 이미지를 변경합니다. 필터: 스타일에 의해 제어되는 객체에 특수 효과를 적용합니다.