>> 스피커 : 그것은 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의 텍스트 페이지의 해당 속성이 될 것입니다
그 아이들로 상속.
사실의 파일을 저장하자 브라우저에서 봐.
의 크롬에 다시 보자.
그리고 거기에서 우리는, 심지어 더 좋은가 존 하버드를위한 홈페이지.