스피커 : 그것은 HTML이 아닌 것으로 밝혀 당신이 내부에 사용할 수있는 유일한 언어 웹 페이지. 당신은 CSS라는 것을 사용하거나, 수 캐스 케이 딩 스타일 시트뿐만 아니라. CSS는 훨씬 더 지정할 수 있습니다 웹의 정밀 미학 레이아웃 및 크기를 포함하여 페이지 및 색상과 글꼴 및 훨씬 더. 예를 들어, 웹 페이지를 생성하도록 를 나타냅니다 여기라고 css0에 존 하버드, 말, 용 홈 페이지. 

이 페이지에, 우리는거야 존 하버드의 이름이 될 것이다 아래에 방문자를위한 좋은 메시지, 아래 있는, 바닥 글이 될 것입니다 일부 저작권 정보를 말한다. 이 작업을 수행하기 위해,이 세 부문을 정의 할 수 태그를 사용하여 페이지에 대한 DIV했다. 오픈 브라켓 사업부, 존 하버드, 가까운 브래킷 사업부, 열려있는 다른 부류 사업부, 지금 우리는 무엇인가를 지정합니다 같은 내 홈 페이지에 오신 것을 환영합니다! 뿐만 아니라, 이제이 사업부를 닫을 수 있습니다. 

그리고 지금 세 번째이자 마지막 DIV, 저작권. 그냥 공상으로, 내가 지금 HTML을 사용하자 엔티티 나타내는 기호 문자 당신이 그렇지 않으면 수 없었다 키보드에 입력합니다. 특히, 내가 할거야 앰퍼샌드, 파운드, 169, 세미콜론. 그 숫자 코드입니다 밝혀 저작권 기호. 그럼 존 하버드을 지정할 수 여기에 바닥에. 의이 사업부를 닫고 파일을 저장할 수 있습니다. 

자,이 div 태그는 무엇입니까? div 태그는 단순히 분할을 정의 본질적으로 페이지의 사각형 영역. 그래서 시간이 순간에, 나는 3가 사각형 영역, 상단에 하나 다른. 그래서 지금은 효과가 거의 같다 나는 세 단락을 가지고 있지만. 그러나 우리는 꽤 많이 볼 수 없습니다 그들 사이의 공백입니다. 

변경의이 파일을 저장할 수의 권한 및 대한 살펴 크롬 순간. chmod를 +는 CSS0.html r에. 크롬과 방문을 열어 지금의하자 http://localhost.CSS0.html. 사실, 여기에 홈 페이지의 존 하버드하십시오. 의 지금은 조금 더 그것을 양식에 일치하게 정확하게 일부 CSS를 사용하여. 

위로의 gedit에서의이로 가자 첫 번째 div 태그 및 스타일을 추가 내가 좋아하는 거라고 지정 속성 폰트 말하자면, 크기, 36 픽셀 또는 PX. 그리고이 글꼴의 무게를 싶습니다 오히려 기본보다 대담하려면, 이는 정상입니다. 두 번째 DIV를 들어,이 지정할 수 을 가진 다른 스타일 속성 폰트 24 화소의 크기, 그래서 조금 작은. 세미콜론 후 닫기 따옴표. 

마지막으로, 세 번째 사업부에의 할 수 있도록 스타일은 인용, 글꼴 크기와 동일하고, 의 12 픽셀이 시간을 가정 해 봅시다. 세미콜론 후 닫기 인용. 내가 가지고있는 것 같은 다음주의 에 대한 양식에의 지정 비트 사용이 세 div에 각각 그것은 CSS를 밝혀졌습니다. 사실, 당신이에서 볼 수있는 구문 그 큰 따옴표 사이에 CSS이며, 특히 속성을 CSS는 값. 그리고 내가 가진 그 첫 번째 태그에 대한 이러한 두 속성, 글꼴 크기 및 글꼴 두께, 단순히 분리 세미콜론으로. 

이제, 단지 스타일의 이익을 위해, I 도 포함 세미콜론에서 각 줄의 끝. 그러나 그들은 반드시 필요하지 않은, 당신은 단지 하나가 특히 속성은 정의. 의 지금 파일을 저장하고 다시합시다 크롬에서, 그리고 무엇을보고 순 효과입니다. 위로 크롬 여기에, 의는 새로 고침을 클릭 할 수 있습니다. 

이제 우리는 좀 더 흥미를 가지고 존에 대한 홈 페이지 하버드와 이에 첫 번째 줄 그 안에 자신의 이름, 첫 번째 사업부는 또한 36 픽셀 높이이고, 굵은, 이에 두 번째 줄, 그 두 번째 DIV에있는 24입니다 키가 큰, 그러나 굵은 화소. 그리고 이에이 제 3의 세 번째 줄 사업부는 12 픽셀 높이이고, 굵은 없습니다. 하지만 지금은 가정 나는 이동하고 싶습니다 이상이 텍스트의 모든 이 중심에 있다는 등. 

I는 개개의 각을 맞출 수 중심되는 것으로 div를. 그러나 더 쉽게, 나는 그 포장 수 네 번째 사업부의 내부에 세 가지의 div, 부모 DIV 말하자면, 및 지정 그 해당 사업부와의 모든 후손이어야한다 텍스트 중앙 정렬? 어디 보자. 

gedit에서의 내부의가 돌아 가자 내 몸과 함께 새로운 사업부까지 가기를 추가 DIV, 스타일은 인용을 끝 맺다 동일 텍스트 정렬 센터, 가까운 세미콜론 후 인용. 그리고 지금의 모든 전방 및 들여 쓰기 가자 우리가 이전에 입력 된 그 라인의. 그리고 세 번째 DIV 아래에하자 이 새로운 사업부를 닫습니다. 

즉, 때문에 그 세 원래의 div는 지금 아이들, 그래서에 새 부모 DIV의, 말을하고 난했습니다 내가 정렬하고 싶은 것을 지정 중앙에있는 그 부모 DIV의 텍스트 페이지의 해당 속성이 될 것입니다 그 아이들로 상속. 사실의 파일을 저장하자 브라우저에서 봐. 의 크롬에 다시 보자. 그리고 거기에서 우리는, 심지어 더 좋은가 존 하버드를위한 홈페이지.