좋습니다. 그래서 여기 다른 운동을 할 시간입니다.
그래서이 연습은 우리가 SS 선택기에 관해서 말한 모든 것을 다룰 것입니다.
따라서 우리는 실제로 앞으로 나아갈 어떤 종류의 완전한 응집력있는 웹 사이트도 구축하지 않을 것입니다.
우리는 다음 연습에서 약간의 블로그를 만들 예정입니다.
이 문제는 매우 짧은 문제를 가지고있는 전통적인 연습 문제입니다.
기본적으로 나는 너에게이 HMO를 보여주고있다.
그것은 실제로 아무 의미도 없습니다.
사실 모든 텍스트는 hipster ipsum이라는 웹 사이트에서 온 것입니다.
그것은 테이블과 locavore와 포틀랜드와 Williamsburg에 농장과 같은 hipster 단어를 사용하고 있다는 것을 제외하고는 기숙사 ipsum과 같습니다.
그래서 그것은 단지 단어의 무리입니다.
요점은이 파일이 무엇이 문제인지 중요하지 않습니다.
내가 준 CSSA 파일은 비어 있습니다.
많은 의견을 제외하고 이러한 의견은 귀하가해야 할 일에 대한 지침을 제공합니다.
따라서 위로 가기가 가장 중요한 선 스타일이며 다음 지침에 따른 HTML 요소가 기존 HVM을 변경하지 않아도됩니다.
CSI 만.
그래서이 파일을 만지지 마십시오.
이것은 당신을위한 초보자 코드와 같습니다.
이것은 HVM입니다.
C SS에서 모든 것을 할 것입니다. 그래서 여기에 들어가서 새로운 아이디어를 추가하거나 새로운 수업을 추가하거나 새로운 요소를 추가 할 수는 없습니다.
정확히 그대로 유지하십시오.
그래서 그것이 작동하는 방식에는 다른 문제가 있습니다.
그래서 첫 번째 요소는 body 요소에이 색의 배경을줍니다.
우리는 코드를 선택 몸체에 쓰고 다음과 같이 색상을 지정합니다.
그래서 나는 그걸 무료로 줄거야.
나는 당신 대부분이 그것을 할 수 있었다고 확신합니다.
이것들 모두에 대해 동일하게 적용되므로 모든 연령대가 모든 일을 만들어 모든 동맹 요소를 하나의 메모로 만듭니다.
이들 중 일부는 귀하가 아직 실제로 적용되지 않은 자산을 사용하도록 요청할 것이며 이는 신중한 것입니다.
우리가 아직 비디오에서 명시 적으로 이야기하지 않은 일부 속성에 대한 경험을 갖기를 바랍니다.
그래서 여기에 하나 있습니다.
divs 내에서 중첩 된 모든 단락을 25 픽셀 재미있게 만든 다음 괄호로 묶어서 필요한 코드를 제공합니다. 글꼴 크기는 25x입니다.
그래서 그 중 몇 가지가 더 있습니다.
여기에 하나가 있습니다. 체크 된 모든 체크 박스의 왼쪽 여백이 50 픽셀이므로 여백을 50 픽셀 남겨 두어야합니다. 다음 몇 개의 비디오에 정확히 무엇이 들어 있는지 모르는 것이 좋습니다.
여기에 한 가지 다른 메모가 있습니다.
그들이 따라갈 때 조금 더 힘들어집니다.
그래서 맨 위에는 요소 선택기로 시작한 다음 클래스와 아이디어에 대해 이야기 한 다음 마지막 비디오에서 언급 한 다른 선택기에 대해 이야기하기 시작합니다.
따라서 div 안에 중첩 된 모든 단락을 입력 텍스트로만 만듭니다.
좋은 배경을 가지고 다음 세 번째 div 5 픽셀 흰색 테두리 안에 두 번째 단락을주는 것과 같은 것들이 있습니다.
따라서 좋은 소식은 30 초 CSSA 셀렉터에서 사용할 수있는 선택기가 모두 있다는 것입니다.
기사를 암기해야하고 온라인에서 쉽게 찾을 수 있으며 대부분을 다뤘습니다.
마지막 비디오에서 다루지 않았지만 보너스 도전 섹션에있는 몇 가지가 있습니다.
그래서 여기에는 체크 된 모든 체크 박스가 왼쪽 여백으로되어있어 체크 된 체크 박스를 선택할 수있는 방법이 있습니다.
아니면 또 하나 있습니다.
요소의 첫 글자를 특수 녹색 및 100 픽셀 글꼴 크기로 만듭니다.
따라서 첫 글자 만 선택하는 방법이 있습니다.
마우스를 가져 가면 H-1 요소의 색상이 파란색으로 변경되고 회색으로 표시된 태그 요소가 만들어집니다.
따라서 태그는 링크이며 이전에이 태그를 본 적이 있다는 것을 기억하십시오.
당신은 이전에 없었던 링크와 비교했던 링크의 색을 변경하거나 사이트에서 변경할 수 있습니다.
따라서 평가를 볼 수있는 글쓰기 방법이 있습니다.
언제나처럼 다음 비디오에서 우리는 해결책을 찾아 갈 것입니다.
조금씩 갈 수 있겠지만,이 모든 보너스를 시도 할 수있는 한 멀리 시도해 보는 것이 좋습니다.
여기서 언급하지 않은 한 가지는 약간 다릅니다.
htm l을 변경하지 않고 레이블 요소를 모두 대문자로 만드십시오. 그래서 선택자는 실제로 간단합니다. 우리는 모든 레이블 요소를 선택하기 만하지만 속성은 약간 어렵습니다.
C S를 사용하여 HTML의 텍스트를 실제로 변경하지 않고 모두 대문자로 만드는 방법이 있습니다.
색상이나 경계를 변경하는 것처럼 C S를 통해 작업을 수행 할 수 있습니다.
대문자 또는 소문자로 만들 속성을 변경할 수 있습니다.