블로그를 위한 초급 CSS 팁

많은 사람들에게 웹 디자인과 CSS의 멋진 세계에 대한 그들의 소개는 블로그를 통해서이다. 블로그는 너무 쉽고 디자인에 대해 아무것도 알 필요가 없기 때문에 시작합니다. 곧, 새로운 아이디어를 수용하기 위해 사이트의 디자인을 약간 바꾸고 싶은 욕구가 자리를 잡았고, 그들은 그들의 멋진 댄시 블로그가 어떻게 작동하는지 점점 더 깊이 파고드는 자신들을 발견하게 된다.

조만간 그들은 뚱뚱하고 육즙이 많은 스타일.css 파일을 발견하게 될 것이고 그들의 눈은 가능성으로 열릴 것이다. 만약 이것이 여러분이라면, 여기 몇 가지 팁과 기억해야 할 몇 가지가 있습니다.

• 주요 콘텐츠에 적합한 타이포그래피를 확보하십시오. 내용 때문에 다른 사용자가 사용자의 페이지로 이동하거나 계속 사용자의 페이지로 이동합니다. 물론 여러분은 페이지 전체에 걸쳐 좋은 타이포그라피를 가지고 있어야 하지만, 여러분의 주요 내용이 매우 읽기 쉽도록 확실히 해야 합니다. 아래는 매우 읽기 쉬운 타이포그래피의 예입니다. 배경색 및 색상은 아마도 주요 내용물의 디브에 적용되고 나머지 부분은

  태그에 적용될 것이다.
  배경색: 흰색;
  색상: #1c1c1c;
  글꼴 계열: 헬베티카, 산세리프;
  글꼴 크기: 12px;
  선 높이: 18px;
  텍스트 편집: 25px;
  마진-바닥: 20px;`

  • 블록 견적에 맞는 멋진 스타일을 가지세요. 이번 주 초에 블록 인용문 포맷에 대해 자세히 알아봅니다.
  • 의견을 수렴하십시오. 블로그에 엄청난 양의 댓글이 없다면 댓글을 달기 전에 댓글을 달지 마세요. 그것은 단지 짜증날 뿐이고 훨씬 적은 사람들이 논평할 것이다. 또한, 텍스트 영역을 잘 꾸미고 제출 버튼을 눌러도 아프지 않습니다. 댓글 구독을 허용하는 플러그인이 있습니다. 댓글 구독을 특정 게시물입니다. 일부 방문자들은 정말 좋아합니다(기본적으로 선택하지 않고 그대로 둡니다).
  • 블로그의 모든 페이지에서 변경 내용을 테스트합니다. 블로그는 데이터베이스를 사용하고 PHP와 같은 것으로 실행되기 때문에, 꽤 확실한 기술 노하우를 가지고 여러분의 로컬 머신에서 실행하기가 조금 어렵습니다. 따라서, 많은 사람들은 그들의 라이브 블로그에서 그들의 CSS를 "특공대"로 편집한다. 여러분이 무엇을 하고 있는지 모르거나 하고 있다고 해도 정말로 무언가를 깨뜨릴 수 있기 때문에 이것은 조금 무섭습니다! 특공대 편집을 수행할 때마다 문제가 발생할 경우 신속하게 다시 업로드할 수 있는 css의 백업 복사본을 만드십시오. 이 특공대 스타일을 변경할 때는 변경한 다음 홈페이지를 다시 로드하고 변경 내용을 확인하는 경향이 있습니다. (대부분의 경우) CSS는 홈페이지뿐만 아니라 모든 페이지에 영향을 미친다는 것을 기억하세요! CSS를 변경한 후 블로그를 둘러보고 한 페이지에 좋은 변경 사항이 다른 페이지에 표시되지 않는지 확인하십시오.
  • 모든 주요 브라우저에서 변경 사항을 테스트해야 합니다. 꽤 자기 설명적인데. 만약 당신이 mac 타입이라면, 당신은 IE 6에서 당신의 브라우저를 볼 수 있는 방법을 알아내야 할 것이다. 벽장에 있는 Parallels, VMWare, Bootcamp 및 오래된 윈도우 박스를 실행하거나 새벽 3시에 친구에게 전화를 걸어 스크린샷을 보낼 수 있습니다. 어떻게 해서든, 그것은 완성되어야 한다.
  • CSS를 확인합니다. CSS를 통해 건틀릿을 통과해서 반드시 소집을 통과해야 합니다.