보통 HTML 상태를 CSS가 잘 받아 처리한다면 잘 통합니다. 몇가지 규칙만 잘 지켜주면 되죠. 잘 작동할 것 같은 경우에도 잘 작동을 안할때도 있는데 이 경우 난감하기도 합니다. 이런 경우 몇가지 대처법을 정리해봅니다. (1) 태그들의 겹쳐진 구조가 잘 반영되어 있는가? 아래와 같은 HTML 이면 아래와 같은 CSS로 되어 있어야 작동합니다. <div class=”entry-content“><p>글 내용</p></div> 이 경우 .entry-content…
[태그:] CSS
클라우드웨이즈에서 워드프레스 사이트 로드시 CSS가 적용이 안된 텍스트만 나오는 경우
이 경우 보통 CSS가 안읽히는 문제입니다. 여러 원인이 같은 현상으로 나타날 수 있는데 아래 방법대로 해보세요. 백업은 해두시구요. 클라우드웨이즈에 접속하시구요. Applications 에서 오류난 사이트로 된 Application 설정 메뉴에 들어가셔서 Access Details의 Launch Database Manager를 실행하세요. 거기서 URL을 업데이트해보시구요. 세부 방법은 (1) Application → 해당 사이트 → Access Details → Launch Database Manager(2) wp_options로 이동 (wp_는…
CSS로 색상 표현시 왜 #ff0000 처럼 기술할까요?
컴퓨터에서 색상을 처리할때 24비트 시스템이라고 하면 R, G, B 각 채널마다 8비트의 차등을 두어 R, G, B의 농도가 결정되고, R, G, B 값을 합하면 최종 색상 표현이 가능하게 됩니다. #ff0000 에서 보여지는 것처럼 각각의 여섯자리 숫자에서 제일 앞 두 숫자는 R 채널, 그다음 두 숫자는 G 채널, 그다음 두 숫자는 B 채널입니다. R은 red, G는…
CSS를 처음 접했을때 부담감 없애는 방법
워드프레스 활용과 개발에 반드시 필요한 기술이 CSS입니다. HTML을 보조하는 기술로 HTML만으로는 불가능한 레이아웃 튜닝이 가능하게 합니다. 많은 사용자분들이 배워야 한다는 인식을 하시는데요. 때로는 CSS도 배워야 하는지에 대해 부담감을 말씀하시기도 하네요. 과 같은 짧은 CSS라고 해도 초견상 외계어처럼도 보입니다. p는 뭐고 :last-child는 뭐고 background는 알겠는데 왠 #ff0000; 인가? 하는 턱 숨막혀오는 느낌이 들기도 하네요. 이경우에는 CSS를…
CSS로 미디어 쿼리 작성시 해상도 픽셀이 적용안되면
보통 아래와 같은 미디어 쿼리로 기기의 스크린 가로 픽셀을 구해서 미디어 쿼리를 작성하는데요. @media (min-width: 600px)@media (min-width: 700px)@media (min-width: 1200px)@media (min-width: 1600px) 이런 방식으로 모바일 기기의 다양한 가로 픽셀 크기를 구합니다. (코드마다 다를 수 있음) 그런데 이 설정이 PC 모니터 가로 픽셀도 포괄하죠. 그러다보니 맞추기가 애매해질 때가 있는데요. 애매해지는 한 경우로 이런 경우도 있습니다. 4K…