외부 스타일시트는 모든 스타일을 외부 css 폴더에 저장하고 탭 스타일시트를 통해 파일에 가져옵니다.
요소 선택기 문법: 탭 이름 {} 예를 들어 p는 페이지의 모든 p 탭을 선택하고 h1은 모든 h1 탭 클래스 선택기 문법을 선택합니다:.className{} 예를 들어 hello는 페이지에 있는 모든 class 속성이 hello인 요소를 선택합니다.ID 선택기 문법: #id{} 예를 들어 #b1은 페이지의 모든class 속성이 #b1인 요소를 선택하고 id 속성은 중복될 수 없습니다.복합 선택기 문법: 선택기 1 선택기 2 예컨대siv.b1은 페이지의 모든 b1 이class의div 요소를 선택합니다.그룹 선택기 문법: 선택기 1 선택기 2 선택기 3 {} 예: p,hello,#b1은 페이지의 p 요소,class는hello,id는b1의 요소를 동시에 선택합니다.공통 선택기 문법: * {} 후대 선택기 문법: 조상 요소 후대 요소 예: p strong은 페이지의 모든 p 요소 내의strong 요소를 선택합니다.
링크 정의 스타일 정상 링크
단락 정의 스타일 머리글 -:first-letter 첫 줄 -:first라인 하위 요소 선택기 문법: 부모 요소 > 하위 요소 {} 예: 바디 > h1은 바디 하위 탭의 모든 h1 탭을 선택합니다.첫 번째 하위 태그 first-child 선택 마지막 하위 태그 last-child 선택 위치 지정 하위 태그 nth-child first-of-type last-of-type 선택 지정 유형 하위 요소 형제 선택기 문법: 다음 형제 요소 찾기: 형제 요소 + 형제 요소 {} 뒤에 있는 모든 형제 요소 찾기: 형제 요소 ~ 형제 요소 {}

밑으로 내려가다
위치를 지정하러 가다
    

S.H.E
              
              
              
              
              
              
              
              
          
         
          
         
          
         
          
       
          
         
          
         

          
         
          
        
              
              
              
              
              
              
              
              
          
         
          
         
          
         
          
        
          
        

          
         
          
         
          
         
          
        

    ：A  |B  |C  
    |    
정상으로 돌아오다

식당 미니게임 답은 다음과 같다. 1:plate 2:bento 3:#fancy 4:plate apple 5:#fancy pickle 6:.small 7:bento .small,plate .small 8:bento orange 9:plate,bento,plate