스피커 : 그래서 실제로 최고 아니다 HTML과 CSS를 뒤섞다하는 디자인. 오히려 뽑아내는 것이 가장 좋습니다 당신의 CSS는, 어딘가에 중앙 넣어 어떻게 든에 적용 웹 페이지에 태그. 이를 위해, 우리는 실제로 중지 할 수 있습니다 대신에 스타일 속성을 사용하여 에 속하는 스타일 태그를 사용 함께 웹 페이지의 선두에 대한 예, 제목. 

하자이 시도를 포기하고 다시 구현 존 하버드의 홈 페이지 스타일 태그를 사용하여. 나는 이미 우리가 시작 왔 여기에 세 가지의 div와 존 하버드의 홈페이지. 그러나하자 먼저 지금이 첫 번째에 올라가 사업부 및 새로운 특성을 추가, 즉 ID 및 지정 고유 한 그 이 특정 사업부에 대한 식별자 인용 작자 예를 들어한다 "최고"임의의 이름 만 그이 사업부가있는 설명 참으로 내 페이지의 상단에. 

다음 DIV를 들어, 그것을 줄 수 있도록 인용을 끝 맺다 다른 ID "중간"과의 세 번째 DIV를 주자 인용을 끝 맺다의 ID "아래." 우리 이제 세 가지 고유 한 식별자가 어떤에 우리는 약간의 CSS를 적용 할 수 있습니다 속성,하지만 먼저하자 반환 이 페이지의 머리에. 여기서 제목 위에 나는거야 가서 스타일을 정의 다음 닫기 스타일. 

이 안에 지금, 내가 정의하는거야 일부 CSS 속성, 즉 내가 이전 스타일에 있던 같은 것들 속성, 그러나 여기에서 그들이있을거야 중앙에서 정의. 이를 위해, 나는 파운드를 지정하는거야 기호함으로써, 최고 다음 지정하는 다음과 같은 CSS 속성은 무엇에 적용해야 HTML 요소는 고유 한이 상단의 ID입니다. 나는 다음 몇 가지가 열려하는 건데 닫힌 중괄호, 난 갈 거 야 지정, 말, 폰트 크기는 36해야한다 픽셀, 글꼴 두께가 굵게한다. 

청결하게 유지하기 위하여, 나는 각을 걸었습니다 지금은 자신의 이러한 속성 라인,하지만 그건 단지의 스타일적인. 이 아래의 지금은 서로를 정의 할 수 선택, 말하자면. 이 HTML 태그에 대한이 하나 중간의 고유 식별자입니다. 그리고 여기에서의이 글꼴 크기를 지정할 수 24 픽셀, 그 다른 이하 내부 바닥과에 대한 선택 그 중,의를 지정할 수 12 픽셀의 글꼴 크기입니다. 

의 지금, 저장 권한을 변경할 수 에, 그리고 브라우저에서이 페이지를로드, 플러스 R의 CSS-1.html chmod를. 의 크롬을 열고 방문하자 http://localhost/css-1.html. 나쁘지 않다. 나는 것,하지만 난하고 싶은대로 이제 한 단계 더 나아가 물건을 가지고와 센터 존 하버드의 텍스트입니다. 지금 이렇게, 나는 포장 할 수있는 사업부의 전체 페이지와 I 앞의 예를했다. 아니면 내가 더 똑똑하고 실현 할 수 이들의 div 모두의 내부에있는 내 페이지의 몸은 왜 그냥 적용되지 몸에 하나 이상의 CSS 속성 자체에 태그를? 

이렇게하려면,이 해 보자. 여기서 다시의 gedit에 가자. 의이 스타일 태그까지 스크롤을하자, 과의이 선택을 지정할 수 단지 이 태그의 이름, 몸을 사용. 그 아래의 우리의 중괄호를 만들어 보자 텍스트 정렬 센터 하였다. 의 현재 페이지를 저장하고 다시합시다 그것은 해당 브라우저의 내부. 크롬에서 다시로드, 봐라. 이제 우리는 존 하버드의 페이지가 우리가 의도 한대로를 중심으로.