본문 바로가기
반응형

It66

네이버 오픈 캐스트 메인 선정 두 번째 네이버 오픈 캐스트 메인 선정 두 번째 점심 먹으로 나왔다가 친구에게 카톡이 와 있어 보니 제 글이 네이버 오픈 케스트 메인에 떠 있더다고 하더군요!!~~ 지난 주에 처음 되고 나서 이번 주도 혹시?? 하며 기대하고 있었는데.... 지구별 안내서, 네이버 오픈캐스트 메인에 선정되다 블로그 방문자수 늘리기 도전, 생각보다 쉬운 네이버 오픈캐스트 개설 이번 주에도 정말 감사한 선물을 받았습니다 지난 주에는 총 68명의 구독자가 새로 생기고, 방문자 수는 오픈의 효과로 1,000명 정도가 더 들어온 것 같아요. 어떤 분은 3천 4천도 들어온다고 하지만 제가 다루는 주제가 주제이니 만큼 이 정도도 저에겐 큰 수확이라 생각합니다.. 오픈캐스트 메인은 정오 12시에서 시작해서 다음날 정오 12시까지 노출이 되는데요.. 2014. 5. 8.
[html/css] font-variant 속성(normal, small-caps) [html/css] font-variant 속성(normal, small-caps) 지난 시간에 글꼴을 이탤릭체로 만드는 font-style 속성에 대해 배웠고요 글꼴을 지정하는 font 속성 배우기 font-style 속성 (normal, italic, oblique 차이) 오늘은 font-variant 속성을 자세히 알아보겠습니다 ^^ font-variant 속성 font-variant 속성은 소문자를 대문자로 만드는 역할을 합니다 속성값 ☞ normal : 기본값 small-caps : 소문자를 작은 대문자로 만듦 font-variant: normal 브라우저 기본값이며 설정하지 않는 것과 같습니다. font-variant: small-caps 소문자를 대문자로 만드는데, 일반 대문자 크기에 비해 .. 2014. 5. 8.
[html/css] font-weight 속성 (bold, 100~900, bolder, lighter) [html/css] 글꼴 굵기를 지정하는 font-weight 속성 (bold, 100~900, bolder, lighter) 오늘은 font-weight 속성을 알아 보겠습니다. font-weight은 사실 bold만 알아두셔도 좋지만, 필요하신 분들을 위해 상세하게 정리해 보았습니다 글꼴을 지정하는 font 속성 배우기 font-weight 속성 font-weight 속성은 글꼴의 굵기를 지정합니다 속성값 ☞ normal : 기본값 bold : 진하게 표시 100~900 : 숫자 별로 글꼴 굵기를 지정할 수 있음 bolder : 상위 요소에서 상속된 굵기보다 더 진하게 lighter : 상위 요소에서 상속된 굵기보다 더 흐리게 설명 ☞ font-weight: bold 글꼴을 진하게 표시하는데요 htm.. 2014. 5. 7.
[html/css] font-style 속성 (normal, italic, oblique 차이) [html/css] font-style 속성 (normal, italic, oblique 차이) 글꼴은 font 속성을 사용해 글꼴, 스타일, 글꼴 굵기, 글꼴 사이즈를 한꺼번에 지정하거나 각각 지정할 수도 있다고 했습니다. [html/css] 글꼴을 지정하는 font 속성 배우기 글꼴체를 지정할 때는 font-style 속성을 사용하며 글꼴 굵기는 font-weight 속성 글꼴 크기는 font-size 속성 글꼴을 지정할 때는 font-family 속성을 사용합니다. 오늘 배울 부분은 글꼴을 이탤릭체로 만다는 font-style 속성 입니다. font-style 속성 속성값은 다음과 같습니다 normal : 기본값 ltalic : 이탤릭체 oblique : 기울어짐꼴 상속 여부 : 상속됨 설명 ☞ f.. 2014. 5. 6.
[html/css] 글꼴을 지정하는 font 속성 배우기 [html/css] 글꼴을 지정하는 font 속성 배우기 css에서 글꼴에 대해 설정할 때는 font 속성을 사용합니다. font 속성은 글씨체, 글꼴 대문자 사용 여부, 글꼴 굵기, 글꼴 크기, 글꼴 집합을 한꺼번에 같이 지정할 수 있습니다. 오늘은 font 속성으로 한꺼번에 글꼴 스타일을 주는 방법을 배워 보고 다음 시간부터는 각각의 속성에 대해서도 차례차례 알아보겠습니다. 글꼴은 각각 스타일을 줄 수도 있고, 전체를 한꺼번에 지정할 수도 있습니다. p { font-style: italic; font-variant: small-cpas; font-weight: bold; font-size: 17px; font-family: arial, "Times New Roman", sans; } *font-fam.. 2014. 5. 4.
크로스브라우징, 웹표준과 핵(hack) 크로스브라우징(웹표준과 핵(hack), 기본값 초기화(reset)) HTML과 CSS를 공부하면서 웹표준, 크로스 브라우징(Cross Brwosing), 웹접근성, 핵(hack), 리셋(reset)이라는 단어를 자주 보는데요 HTML 기초 강좌를 처음 시작할 때만해도 이 단어에 대한 그림이 잘 그려지지 않았어요. 그래서 글쓰기를 망설이다가 중간 정리 차원해서 한 번 정리해 보았습니다 HTML 표준 한국에서는 서울말, 전라도말, 제주도말, 부산말 등이 있는데 서울말을 표준말이라고 정하고, 공식적인 문서에서 이 표준말로 의사소통을 합니다. HTML언어 역시 마찬가지인데요. HTML은 여러 가지 방식으로 코드를 구현할 수 있기 때문에 여러 방언이 많았고, 그래서 W3C를 통해 HTML 공통 표준을 만들고자 하.. 2014. 4. 29.
지구별 안내서, 네이버 오픈캐스트 메인에 선정되다 지구별 안내서, 네이버 오픈캐스트 메인에 선정되다 접심 시간이 지나서, 유입로그를 보니 평소와 다른 주소가 반복해서 찍혀 있더군요... www.naver.com 또는 opencast.naver.com으로 시작하는 주소였습니다 혹시나 해서 지난 주에 발행한 오픈캐스트가 메인이 된 것인지 궁금해서 네이버 화면으로 GOGOGO~ 들어가 보았더니, 정말로 제 오픈 발행글이 떠 있더군요!!!!! 대~~~~~~박!^^ 블로그 방문자수 늘리기 도전, 생각보다 쉬운 네이버 오픈캐스트 개설 네이버 메인 화면에서 [오픈캐스트-IT/비즈/학습] 분야 빨간 박스로 표시한 부분이 제가 발행한 글인데요, 왼쪽 이미지 2개는 직접 그린 것인데 조금 조잡하네요..^^ 오픈캐스트는 지지난 주 토요일에 처음 개설을 하고 총 2번 발행을.. 2014. 4. 28.
티스토리에서 맨 위로 가기 TOP 버튼 만들기 티스토리에서 맨 위로 가기 TOP 버튼 만들기 며칠 전에 맨 위로 가기 버튼 만들기에 대해 배웠는데, [html/css] 맨 위로 가기 버튼 만들기 오늘은 티스토리에서 위로 가기 버튼 깔끔하게 만드는 법입니다. 이 방법을 적용해 보니, 지난번보다 훨씬 깔끔하게 버튼이 생기더라고요. 티스토리에서 위로 가기 버튼 만들기 STEP 1. TOP 버튼을 클릭했을 때 올라갈 곳 지정 티스토리 화면 구성은 보통 이런 형태이죠 메뉴바(예: #header) 본문(예:#contents) 사이드바(예:#sidebar) 하단(예: #footer) 그래서 보통 맨 위로 올라갈 곳은 #header라는 이름으로 지정하면 되는데요 티스토리 스킨마다 이름이 다를 수 있습니다. 이름을 모른다면 #이라고만 입력해도 맨 위로 올라간다고 하.. 2014. 4. 25.
[html/css] 스타일 적용 우선 순위와 속성 강제 적용 !important [html/css] 스타일 적용 우선 순위와 속성 강제 적용 !important css 스타일 시트를 배울 때 초반에 다루었어야 할 부분이 아닌가 싶은데 저도 배우는 입장이다 보니, 공부하면 할수록 어렵게 느껴져서 함부로 글 쓸 엄두가 안 나더라고요. 그래도 조금이라도 정리된 부분을 써 보려 합니다~ CSS에서는 많은 스타일을 적용할 수 있는 장점이 있는 반면, 여러 스타일 적용이 반복됨으로써, 어떤 스타일을 먼저 적용해야할지 많이 혼동스럽습니다. 그래서, 스타일 적용 순서를 알아두면 편리하겠죠? 스타일 적용 우선 순위 CSS란? (HTML과 CSS의 차이, CSS 작성법) * 인라인 스타일(inline style) >내부 스타일(internal style)>외부 스타일(external sytle)>브라.. 2014. 4. 24.
[html/css] div 2개 정렬하기 (오른쪽, 왼쪽, 중앙 정렬) [html/css] div 2개 정렬하기 (오른쪽, 왼쪽, 중앙 정렬) 얼마 전에 div 1개 정렬하는 방법을 알아 보았습니다. [html/css] div 1개 정렬하기(왼쪽, 오른쪽, 가운데 정렬) 이번 시간에는 div 2개 정렬하는 방법에 대해 알아 볼게요. div가 2개일 때는 조금 더 복잡합니다. 2개 이상의 div는 문장 속에 삽입되는 경우도 있지만, 대부분은 레이아웃을 할 때 자주 사용되지요 그래서, 예제도 레이아웃 중심으로 배워 보겠습니다. STEP 0. 브라우저 기본값 초기화하기(reset) 각 브라우저마다 기본값이 달라, 여백에 약간씩의 오차가 발생하는데.. 브라우저 기본값의 초기화 리셋(reset.css)의 개념 모든 브라우저에서 통일된 화면을 볼 수 있도록 초기화(reset) 하는 과.. 2014. 4. 23.
반응형

티스토리툴바