CSS 학습 기록 - 세 가지 스타일의 테이블

------------ ------------ 내용이 시작 복원

HTML을 학습하는 것은 아직 쓰기 블로그 기록 습관으로 생각하지 않는 경우, 이제 그것을 직접 시작의 CSS에서 그것에 대해 블로그.

내가 CSS는 B 국의 프로그램을 듣고 배울 선택, 실리콘 밸리 내가 코드를 따라 배우고, 꽤 좋은 함께 비디오를 노크 느낄 여전히 물론이고, 관련 사항은 직접 의견 충돌 등 주요 촬영 한 후, 여기에 그것은 코드의 형태로 주로.

인라인 스타일 시트 및 내부 스타일 시트 :

<! DOCTYPE HTML > 
< HTML > 
    < 머리 > 
        < 메타 문자 집합 = "UTF-8." > 
        < 제목 > 인라인 스타일 시트 </ 제목 > 
        <이 -! 또한 CSS 스타일 스타일 태그 쓰기 헤드는에있을 수 있습니다 - > 

        < 스타일 유형 = "텍스트 / CSS" > 
        / * 이것이 내부 스타일 시트 * / 
                 P { 
                     / * 여기에 선택입니다 * / 
                     색상 : 레드 , 
                     글꼴 크기 : 90 픽셀 ;
                 } 
        </스타일 > 
    </ 머리 > 
    < 몸 > 
        <! -  
            당신은 요소의 스타일 속성에 CSS 스타일을 쓸 수있는 
            몇 이내에 스타일 인라인 스타일 중 스타일 속성 스타일에 직접 기록됩니다 
            만 현재 요소에 대한 인라인 스타일 요약 행위 
            인라인 스타일 불편 재사용 
            인라인 스타일 것은 후반의 불편 유지 보수, 구조와 바인딩의 성능의 일부입니다 
         -> 
         < P의 스타일 = "색상 : 빨강, 글꼴 크기 : 30 픽셀은;" > 놀랍게도 마 여정. </ P > 
    </ 바디 > 
</ HTML >

 

외부 스타일 시트 :

<! - 외부 CSS 파일에 스타일 시트를 작성합니다 다음 레이블에서 현재 페이지에 외부 CSS 파일 링크로 소개합니다 
    현재 페이지에 적용됩니다 같은 외부 CSS 스타일 시트 
 -> 
 <! DOCTYPE HTML > 
 < HTML > 
 < 머리 > 
     < 메타 문자 집합 = "UTF-. 8" > 
     < 제목 > Waibuyangshibiao! </ 제목 > 
     < 링크 확인해 = "이 스타일 시트" 유형 "텍스트 / CSS"= href를 = "는있는 style.css" /> 
     <! - 확인해의 ytpe 및 고정 값; href를 상대 경로 -> 
 </ 머리 > 
 < 몸 >
     외부 스타일 시트! </ P > 
     <! - 그래서 완전한 분리 구조 및 스타일, 즉 외부 스타일 시트 통합 CSS 스타일의 제제 
        에 다른 페이지에 스타일 시트를 사용할 수있다 
        스타일 시트에 기록 된 일정한 패턴 후 링크 태그를 도입하여 , 당신은 사용자 경험을 향상, 사용자의 액세스 속도를 빠르게하기 위해 브라우저의 캐시를 사용할 수 있습니다 
     -> 
    <! - 개발에서 가장 외부 CSS를 사용하는 것이 좋습니다 -> 
 </ 몸 > 
 </ HTML >

Waibuyangshibiao 여기 매우 간단한 CSS 파일은, 하나의 CSS 파일을 작성해야합니다 :

P { 
    색상 : 빨강 ; 
    폰트 크기 : 30 픽셀 ; 
}