다시 오신 것을 환영합니다.
따라서이 비디오는 평가가 작동하는 방식과 수행 방식에 대한 고차원적인 개요가 될 것입니다.
그래서 우리는 실제로 다음번 수업 때까지 어떤 코드를 쓰고 싶습니다. 그리고 거의 모든 교훈은 우리를 덮어 씌우고 있습니다.
그러나 우리가 할 일은 성공을 정의하고 그것이하는 역할에 대해 이야기하는 세 가지 중요한 것들입니다.
우리는 웹 사이트를 볼 것입니다.
우리는 C S C S를 멀리 가져와 그들이 어떻게 변화하는지 보게 될 것입니다.
그리고 나서 우리가 작성한 모든 CSSA 행에 대해이 일반 규칙을 정의 할 것입니다.
이제 CSS 스타일 시트에 대한 입장을 설명하겠습니다.
계단식 부분은 이후 비디오에서 다시 돌아올 것입니다.
그러나 스타일 시트는 꽤 자명하다.
C S는 H M L이 명사 일 때 종종 형용사 또는 피부로 간주된다는 것을 기억하십시오.
그래서 짐 엘리스 (Jim Ellis)는 여기서 우리가 원하는 구조와 총알점을 여기에 있습니다.
우리는 표제를 보라색으로 만들고 글꼴 크기를 50 픽셀로 말하며 이것을 아래쪽으로 옮겨서 테두리를 둡니다.
그래서 우리는 그것을 어떻게 사용하여 스타일 시트를 보여야하는지 설명합니다.
다른 부분은 그것의 시트 부분이며, 이것이 의미하는 바는 우리가 각 팀으로부터 따로 따로 이것을 씁니다.
그들은 HMO 안에 있지 않습니다.
그것들은 HMO에 포함 된 별도의 문서입니다.
먼저 몇 가지 예를 살펴 보겠습니다.
정말 CSX Zen garden이라고 불리는 사이트가 있습니다.이 사이트의 요점은 Jesse와 함께 할 수있는 다양한 것들을 보여주는 것입니다.
따라서 여기를 살펴보면 마크 업이 있습니다.
HDMI 파일을 살펴 보겠습니다.
우리는 그 일을 계속할 수 있습니다.
이것이 NCEA가 말하는 모든 핵심 파일입니다.
선 가든이 사용합니다.
그래서 당신은 꽤 기본적인 것을 볼 수 있습니다.
우리는 몇 가지 제목이 있습니다.
우리는 몇 단락을 가지고 있습니다. 몇몇 글 머리 기호는 아래쪽에 있습니다. 그리고이 사이트의 전체적인 생각은 기여자가 이것을 이메일로 보내고, 고령자를 전혀 변경하지 않고 자신의 CSSA를 작성한다는 것입니다.
그래서 당신은 단지 구조가 동일하다는 평가와 다른 결과로 끝나는 것을보기 위해 바뀝니다.
여기 하나 있습니다.
그리고 오른쪽에 몇 가지 다른 것들을 체크 아웃 할 수 있고 거기에 그들 사이트의 무리가 있고 실제로 당신이 그것을 원한다면 당신이 자신의 기여할 수 있습니다.
잘 살펴 보도록하겠습니다.
그래서 이것은 완전히 다른 다른 색상 구성표 글꼴 이미지를 다른 전체 레이아웃입니다.
이것은 또한 매우 다릅니다.
그것은 로딩 된 모든 멋진 로딩 애니메이션을 가지고 있습니다.
아래로 스크롤 할 수 있으며 콘텐츠가 스크롤되지만 배경 이미지가 정적 인 경우에이 효과가 있습니다.
우리에게는 근본적으로 다른이 것이 있습니다.
그리고 우리는 하루 종일 여기에서 보낼 수 있었고 우리는 지미라는 로봇이 제일 좋아하는 로봇을 하나 더 찾습니다.
우리는이 작은 로봇을 돌려서이 회전에서 뒤쪽으로 별 모양을 만듭니다.
또 다른 스크롤링 효과가 있으므로이 CSSA가 얼마나 강력한 지 확인할 수 있도록이 내용을 보여 드리겠습니다.
기본적으로 피부 닥터입니다.
구조 변경을위한 첨가제.
당신은 이와 같이 보면서 제쳐두고 그것을 알 수 있습니다.
이제까지 충분히 배우기에 흥분을 느끼기에 충분합니다.
우리는 기본 흑백 스타일 외에 어떤 스타일도 가지고 있지 않습니다.
다음은 CSSA의 모든 라인이 뒤따를 것이라는 일반적인 규칙에 대해 이야기하고자합니다.
이 패턴은 여기 이렇게 보입니다.
우리는 무언가를 선택합니다.
그래서 우리는 실제로 거기에가는 것에 대해 많은 이야기를 할 것입니다. 그러나 우리는 All h ones 나 동맹국 안의 모든 앵커 태그와 같은 것을 선택할 것입니다.
그래서 우리는 html 요소를 선택하는 곳에서 기존 HTML을 참조하고 중괄호 안에 스타일을 적용하고 콜론 (:) 속성 콜론을 가진 다음이 세미콜론을 갖는이 키 값 쌍 형식을 따릅니다. -콜론.
그래서 여기서 우리는 변화하는 100 개의 다른 속성을 가질 수 있지만 항상이 구문 속성 인 Colan 값을 따를 수 있습니다.
여기에 두 가지 예가 있습니다.
이 첫 번째 섹션에서는 모든 h 항목을 선택합니다.
다시 한번 우리는이 셀렉터가 어떻게 작동하는지 다시 생각해 볼 것입니다.
하지만 페이지의 각 요소를 모두 선택하면 보라색의 색상과 56의 글꼴 크기를 부여한 다음 여기 아래의 모든 요소가 모든 이미지 태그를 선택하고 테두리 색상을 빨간색으로 지정하고 테두리를 지정합니다. 3 픽셀.
따라서 우리는 항상 모든 이미지 태그에서 모든 이미지를 선택하지는 않습니다.
실제로 여러 가지 비디오를 선택해야 할 때가 있습니다. 가끔씩 우리는 한 번에 하나의 작은 요소를 처리하는 것을 선택하기를 원합니다.
그래서 거기에 많은 옵션이 있지만 항상이 형식을 따릅니다.