Word Cracker의 잡다한 정보 모음
Browsing Tag

CSS

[CSS] div를 이미지 크기에 맞게 둘러싸기

이미지를 둘러싸는 Div가 이미지에 맞게 크기가 조정되도록 하고자 하는 경우에 사용할 수 있습니다.  이처럼 외부의 div가 안쪽의 이미지에 맞게 둘러싸도록 하려면 display: inline-block을 text-align: center를 함께 사용해야 합니다.…

[안드로이드 앱] SQL 배우기 – Learn SQL

구글 플레이 스토어에서 우연히 괜찮은 앱을 하나 발견했습니다. Learn SQL이라는 앱인데요, SQL에 대한 기본적인 내용을 배우기에 좋은 것 같습니다. SQL에 대한 책을 여러 권 구입했지만 시간이 없다는 핑계로 잘 안 보게 되더군요. 스마트폰에 이 어플을…

CSS를 이용한 가운데 정렬 방법

가끔 CSS를 사용하여 가로 혹은 세로로 가운데 정렬을 해야 하는 경우가 있습니다. 가운데 정렬이 잘 안 되는 경우에 참조할 수 있는 사이트입니다. Centering in CSS: A Complete Guide (CSS로 가운데 정렬시키기: 완벽 가이드) 링크된…

워드프레스에 CSS를 적용하는 방법[기초]

들어가며 이 글에서는 워드프레스에서 포스트 제목의 글자 크기와 색상을 변경하는 것을 예를 들어서 워드프레스에 CSS를 적용하는 방법을 살펴보겠습니다. 먼저 고려할 사항은 사용자 CSS를 어떤 방법으로 추가할 것인가 입니다. 프로그램에 대한 지식이 많은 분도 크롬에서…

[CSS] 요소의 너비를 컨텐츠 너비에 맞추는 방법

예를 들어 div 태그로 둘러싸인 코드가 있다면 보통 width를 사용하여 너비(폭)를 지정해줄 수 있습니다(예: width: 30%;). 하지만 경우에 따라 div(꼭 div가 아니더라도 상관 없음)로 둘러싸인 컨텐츠의 길이에 맞게 너비를 지정하고 싶은 경우가 발생할…

심플한 인용구(Blockquote) 레이아웃(CSS)

최근 워드프레스 테마를 변경하고 나니 blockquote 태그가 제대로 적용되지 않고 보통 텍스트 형식으로 나오네요. 그래서 단순한 blockquote 서식을 검색하여 적용해보았습니다. blockquote { margin-top: 10px; margin-bottom:

CSS로 쉽게 말풍선을 추가하는 방법

CSS를 사용하여 말풍선을 추가하는 방법이 인터넷에 많이 나와 있습니다. bbPress에서 Reply(답변)를 말풍선으로 대체하려고 여러 가지 코드를 적용했지만 레이아웃이 틀어지는 현상이 나타나네요. 그러다가 말풍선 코드를 쉽게 생성해주는 사이트를 발견했습니다.…