잉고래의 잇다이어리

css의 list 속성은 html의 리스트 태그를 꾸밀 때 사용합니다.html의 리스트 태그로는 순서가 없는 목록을 나타내는 태그와 순서가 있는 목록을 나타내는 태그가 있죠. css의 list 속성을 사용하면 item marker라고 하는 리스트 아이템의 맨 앞에 나오는 모양을 변경하거나 이미지를 넣고 배경 색상을 변경하는게 가능합니다. 각각에 대해 살펴봅시다.1. list-style-type : 이 속성은 리스트 아이템 마커의 타입을 지정할 때 사용합니다. 네모, 동그라미, 숫자, 알파벳 그런것들로 말이죠. 쓰는 법은 ul { list-style-type : circle }이런 식으로 쓰면 됩니다. 2. list-style-image : 이 속성은 리스트 아이템 마커로 이미지를 지정할 때 사용합니다. ..

css의 link 속성을 사용하면 다음 예제와 같이 나만의 링크 버튼을 만들 수 있습니다. 링크 스타일1 링크 스타일2 링크 스타일3 링크 스타일4 링크는 HTML의 a 태그에 css 속성을 적용해서 커스마이징 할 수 있는데요. a태그에 color, font-family, background 같은 여러가지 css 속성들을 조합하면 됩니다. a { background:black; color:white; } 하나씩 조합해 보는게 익숙해 졌다면 좀 더 나아가 링크의 상태에 따른 각각의 스타일을 지정할 수도 있습니다. 예를들어 마우스를 올렸을 때, 클릭을 했을 때 등으로 말이죠. a:link - 방문하지 않은 링크 a:visited - 방문한 링크 a:hover - 마우스를 올려놓았을 때 a:active - 클..

CSS 아이콘 블로그 글에 아이콘을 넣으면 참 글이 있어보입니다. css로 간단하게 아이콘을 추가하고 쓰는 방법입니다. 참고로 이 글은 w3schools의 원문을 번역한 것입니다. css를 공부하신다면 추천하는 곳입니다. 꼭 들러보세요. 웹페이지에 아이콘을 추가하는 방법 HTML 페이지에 아이콘을 추가하는 가장 간단한 방법은 Font Awesome과 같은 아이콘 라이브러리를 사용하는 것입니다. 지정된 아이콘 클래스의 이름을 인라인 HTML 요소 (예 : 또는 )로 추가하십시오. 아이콘 라이브러리에있는 모든 아이콘은 CSS (크기, 색상, 그림자 등)로 사용자 정의 할 수있는 확장 가능한 벡터입니다. 벡터는 크기를 아무리 늘려도 이미지가 깨지거나 하지 않죠~ Font Awesome Icon Font Awe..

티스토리 글쓰기와 마크다운티스토리 블로그에 글쓰기 방법이 여러가지가 있겠지만 이번 시간에는 마크다운을 활용한 글쓰기 방법에 대해 이야기 해보려 합니다.마크다운(Markdown)이야기에 앞서 마크다운이 무엇인지 알야겠죠. 마크다운(Markdown)은 최근 각광받고 있는 문서 양식 문법입니다. 마크다운 문법에 맞게 글을 쓰면 예쁜 문서양식으로 변환이 쉽습니다. 예를들면 이런거죠 보통 웹에서 문서의 제목을 나타내기 위해 html의 h2 같은 태그를 많이 사용합니다. 또 문단을 나타내기 위해서는 태그를 쓰지요. 그래서 문서작성자가 글의 제목과 문단을 나타내도록 글 양식을 html로 꾸미기 위해서는 각각의 태그를 앞 뒤로 붙여주어야 합니다. 이런게 한 두개면 괜찮은데 글이 길어질 수록 태그는 더욱 많이 늘어 납니..

몇년 동안이나 나름 애착을 가지고 고쳐왔던 스킨을 냅다 방금 버렸다. 변경한 가장 큰 이유는 기존 스킨을 반응형 스킨으로 고치는 것이 어려워서... 관뒀다. 스킨 변경을 위해 이것저것 계획을 세우고 공부하는게 너무 시간이 걸리겠다 싶었다. 역시 포기는 빠를수록 좋다. 막상 티스토리의 기본 반응형 스킨으로 떡!~ 하니 바꾸긴 했는데 걱정이 이만저만이 아니다. 이걸 또 어디서부터 손을 대야 하느냐 부터.. 기존 웹 모바일 지원했던걸 막아버렸는데 안 그래도 방문자수가 바닥을 치고 있는데 이러다 저품질에라도 걸리는거 아닌지 걱정이 스물스물든다. 12시 자정에 변경했으니 이참에 기록이라도 남겨두자는 심정으로 포스팅을 해놓는다.어제 1,600 정도 되니깐 한달정도 지켜보고 이와 비슷하게 가면 성공한거라 생각한다. ..

css 폰트 속성에 대해 함께 공부해 봅시다. css font 속성은 폰트 패밀리, 굵기, 사이즈, 텍스트 스타일을 정의하는데 사용합니다. 한 마디로 폰트 꾸미는데 사용하는 속성이죠. css에는 2가지 폰트 패밀리가 있는데요, 비슷한 모양의 폰트 패밀리들을 묶은 generic family와 특정 폰트 패밀리를 뜻하는 걍~ font family 입니다. generic family에는 serif, sans-serif, monospace 가 있어요. 궁서체 처럼 끝이 휘어지는 모양의 글자 폰트가 세리프, 세리프가 없는건 산세리프, 글자 간격이 동일한게 모노스페이스로 알면 됩니다. 자 이제 폰트패밀리를 알았으니 이걸 적용해야 할텐데요. 텍스트의 폰트 패밀리를 설정하는 css 속성은 font-family 속성입니..