Latest web development tutorials

HTML의 CSS

HTML 요소 태그 스타일을 표현하기위한 CSS (캐스 케이 딩 스타일 시트).

봐! 스타일 및 색상

텍스트를 조작
색, 박스
그리고 더 ...


»시도

예

시도 - 예

스타일을 사용하여 HTML
이 예는 스타일 HTML 형식의 <HEAD> 섹션에 추가 할 정보를 사용하는 방법을 보여줍니다.

이 예는 링크에 밑줄을하지 않는 스타일 속성을 사용하는 방법을 보여줍니다.
어떻게 스타일하지 밑줄 링크를 확인하기 위해 속성을 사용합니다.

외부 스타일 시트 링크
이 예는 방법을 보여줍니다 태그는 외부 스타일 시트에 연결합니다.

CSS를 사용하는 방법

HTML 4에서, CSS가 더 도입 HTML 엘리먼트를 렌더링하기 위해 사용된다.

CSS는 다음과 같은 방식으로 HTML에 첨가 될 수있다 :

  • 인라인 스타일 - HTML 요소에 사용되는 "스타일"속성
  • 내부 스타일 시트 - HTML 문서의 <head> 영역의 머리에 CSS를 포함하는 <스타일> 요소를 사용하여
  • 외부 참조 -를 사용하여 외부 CSS 파일

최상의 방법은 외부 CSS 파일을 참조한다.

이 사이트 HTML 튜토리얼에서 우리는 예를 단순화하는 것입니다 인스턴스를 소개하는 인라인 CSS 스타일을 사용하지만, 또한 인스턴스를 실행하는 온라인 및 온라인 코드를 편집하는 것이 쉬워집니다.

당신은 사이트의 CSS 튜토리얼, 수 CSS 튜토리얼은 더 CSS 지식을 배울 수 있습니다.

인라인 스타일

특별한 스타일이 각각의 요소에 적용되어야 할 때 인라인 스타일을 사용할 수있다. 사용 인라인 스타일은 관련 태그에 스타일 속성을 사용하는 것입니다. 스타일 속성은 CSS 속성을 포함 할 수 있습니다. 다음의 예는 단락과 왼쪽 여백의 색상을 변경하는 방법을 보여줍니다.

<p style="color:blue;margin-left:20px;">This is a paragraph.</p>

더 많은 스타일을 알아보기를 참조하시기 바랍니다 CSS 자습서를 .

HTML 스타일 예 - 배경 색상

배경 색상 배경 ​​색상 속성 (배경색) 요소를 정의합니다 :

예

< body style = " background-color:yellow; " > < h2 style = " background-color:red; " > 这是一个标题 </ h2 > < p style = " background-color:green; " > 这是一个段落。 </ p > </ body >

»시도

이른 배경에 컬러 속성 (배경색)는 BGCOLOR 속성 정의를 사용하는 것이다.

보십시오 : 이전 HTML 백그라운드 모드를 설정

HTML 스타일 예 - 글꼴, 글꼴 색상, 글꼴 크기

글꼴 속성의 우리는 스타일을 정의 글꼴 - 가족 (글꼴), 컬러 (색상), 폰트 크기 (글꼴 크기)를 사용할 수 있습니다 :

예

< h1 style = " font-family:verdana; " > 一个标题 </ h1 > < p style = " font-family:arial;color:red;font-size:20px; " > 一个段落。 </ p >

»시도

현재 일반적으로 사용되는 글꼴 - 가족 (글꼴), 컬러 (색상), 폰트 크기 (글꼴 크기) 대신 <FONT> 태그를 사용하는 텍스트 스타일을 정의하는 속성.

HTML 스타일 예 - 텍스트 정렬

텍스트 정렬 (텍스트 정렬) 수준의 속성은 텍스트의 수직 정렬을 지정을 사용합니다 :

예

< h1 style = " text-align:center; " > 居中对齐的标题 </ h1 > < p > 这是一个段落。 </ p >

»시도

텍스트 정렬 텍스트 정렬 속성은 이전 레이블 <중앙>을 대체한다.

시험

내부 스타일 시트

하나의 파일은 특별한 스타일을 필요로 할 때 내부 스타일 시트를 사용할 수 있습니다. 할 수 있습니다 <머리> <스타일>에 의해 섹션 태그는 내부 스타일 시트를 정의한다 :

<헤드>
<스타일 유형 = "텍스트 / CSS">
몸 {배경 색 : 노란색;}
P {색상 : 블루;}
</ 스타일>
</ 헤드>

외부 스타일 시트

스타일은 많은 페이지에 적용되어야 할 때, 외부 스타일 시트 이상적 일 것이다. 외부 스타일 시트를 사용하여, 당신은 전체 사이트의 모양을 변경할 파일을 변경할 수 있습니다.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

HTML 스타일 태그

标签 描述
<style> 定义文本样式
<link> 定义资源引用地址

사용되지 않는 태그와 속성

HTML 4에서 원래 지원 사용자 정의 HTML 요소의 스타일 태그와 속성은 사용되지 않습니다. 이 라벨은 HTML 태그의 새 버전을 지원하지 않습니다.

사용되지 않는 라벨 : <글꼴>, <중앙>, <파업>

사용되지 않는 속성 : 색상과 BGCOLOR합니다.