좋습니다. 그래서 다른 운동을 할 시간입니다. 여기서는 간단한 미니멀리스트 블로그 사이트를 만들 계획입니다.
그리고이 연습은 실제로 다루었던 거의 모든 것에 초점을 맞출 것이지만, 상자 모양의 많은 것들을 칠 것이므로 패딩과 여백 및 테두리뿐만 아니라 유형의 그래픽을 사용하여 새로운 Google 글꼴과 다른 글꼴을 얻습니다. 소지품.
그래서 우리는 이것을 만들겠습니다. 나는 당신에게 몇 가지 지시를 할 것입니다.
처음에 시도하고 싶다면 다음 비디오에서 항상 처음부터 다시 시작하겠습니다.
그래서 몇 가지 힌트를 드리겠습니다.
가장 먼저 눈에 띄는 것은이 회색 상자입니다.
그리고 실제로는 시체가 주위에있는 경계이기 때문에 시체에는이 20 픽셀 경계가 있습니다.
그리고 이것은 신체가 화면을 가로 질러 가지 않는 것이 명백하다는 것을 의미하지만 그것은 여기에서부터 거기로갑니다.
그래서 여기서 언급 할 또 다른 것은 색상의 일부입니다.
따라서 색상을 추측 할 필요가 없습니다.
실제로 색상 선택 도구를 사용하여 직접 연습 해 보는 것이 좋습니다.
그러나 비디오를 통해 품질이 어떻게 이어져야하는지 확신 할 수 없기 때문에 일부 사항이 변경 될 것입니다.
나는 당신에게 색을 줄 예정이므로 여기에 타이핑을 해 두었습니다.
이것들을 다시 참조하거나 자신 만의 색을 자유롭게 사용할 수는 있지만 여기 몸의 테두리 색은 회색 음영입니다.
이 날짜는 파란색으로 색칠하고 여기는 파란색으로 표시합니다.
그리고 블로그 제목의 표제 색은 푸른 회색 음영입니다.
그리고 다른 한가지는 여기에 글꼴과이 글꼴을 포함시켜야한다는 것입니다.
네가 머리 꼭대기를 추측 할 것이라고 기대하지 않을거야.
Source sense pro라고하며 Google 글꼴에서 사용할 수 있으므로 Google 글꼴을 사용해야합니다.
그것을 다운로드하십시오.
그것을 포함하십시오.
우리는 다운로드해야하지만 세 사람이나 CSSA 파일에 올바르게 포함시켜야합니다.
여기 다른 몇 가지 사항이 바로 여기에 있습니다.
이 효과는 켜져있는 왼쪽 테두리에 불과합니다.
그래서 우리가 가지고있는 것과 같은 회색이됩니다. 단지 더 얇습니다.
그래서 그것은 aleft 국경이다.
주의를 기울일 필요가있는 한가지는 이것들이 정확히 똑같이 정렬되어 있는지 확인하는 것입니다.
여백이나 패딩 또는 여기에 약간의 차이가 있음을 주목하십시오.
여기서 제가 지적 할 다음 사항은 날짜가 모두 대문자입니다.
그래서 성공으로 그 일을 할 수있는 방법이 있습니다.
대문자로 만드십시오.
그리고 약간의 문자 간격이 있습니다.
그래서 이것은 보통의 글자 간격에 있지 않고 조금 더 떨어져 있습니다.
그리고 나서 게시물 사이에 하나의 마지막.
이 줄이 있고 H R 요소는 수평선을 나타냅니다.
그래서 당신은 H R을 추가 할 수 있고 이것을 스타일링하여 얇은 선을 축소시킬 수 있습니다.
온라인에서 뭔가 발견했습니다.
나는 다음 비디오에서 당신에게 보여줄 것입니다.
그러나 우리의 스타일을 연구하면 위대한 기사와 코드 펜이있어서 그 중 하나만 복사 할 수 있습니다.
그래서 나는 당신이 이것을 바르게 받아들이 길 기대하지 않습니다.
원하는 텍스트를 자유롭게 사용하십시오.
나는 이것이 베이컨 ipsum이지만 당신이 원하는 모든 텍스트를 넣어 생각 사용됩니다.
두 개 이상의 게시물을 가지고 자유롭게 느끼고 컬러와 글꼴로 미쳐 가면서 자신의 것으로 만드십시오.
좋아, 그럼 다음 비디오에서 보자.
우리는 처음부터 시작할 것입니다.