본문 바로가기
반응형

분류 전체보기333

[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.
[초보 산행 코스 추천 2] 관악산 입구에서 서울둘레길과 성주암 가는길 [초보 산행 코스 추천2] 관악산 입구에서 서울둘레길과 성주암 가는길 어제 오후에 관악산에 다녀왔습니다 동네 뒷산을 빼고는 집에서 제일 가까운 산이라, 비교적 자주 가는 산입니다 버스 타고 가면 40분 정도 걸리지만요... ^^ 관악산 가는길은 맨 아래에 더 자세히 적겠지만, 서울대 입구에 내리면 관악산 입구입니다. 입구에서 한 10분 정도만 걸으며 오른쪽에 [서울둘레길]이라는 표지판이 있고, 위로 올라가는 길이 보입니다. 정식 이름은 '서울둘레길'이네요. 관악산 입구는 포장길이 길게 놓여 있어 흙길에 다다르기까지 조금 지루한 감이 있는데요 이쪽 서울둘레길로 올라가면 비교적 완만하면서도 재미 있는 산책길을 만나실 수 있어요. 예전에는 이 길이 '경로구역'이었는데 둘레길로 이름을 바꾼 후에는 남녀노소 할 .. 2014. 5. 2.
국가공휴일에도 여는 도서관 정보(보라매 도서관/주차장 포함) 국가공휴일에도 여는 도서관 정보(보라매공원 도서관/주차장 포함) 오늘부터 5월 6일까지 황금연휴네요....^^ 날씨도 참 좋아서, 어디로 놀러가기에 딱 좋은 계절인 것 같습니다.... 근데 공휴일이 이렇게 많은 날이면, 시립도서관은 대부분은 휴관일이기 때문에, 공부하시는 분 도서관에 자주 가시는 분들은 갑자기 갈 데가 없어져 버리게 되죠. 저도 그래서 국가공휴일엔 어디로 가야할지 고민했었는데 여러 도서관을 많이 다니다 보니, 우연찮게 알게 된 정보가 있어 소개해 드리고자 합니다. 첫번째로 인근에 청소년독서실을 찾아보시는 게 좋습니다. 인터넷으로 청소년독서실, 혹은 '사는 지역+청소년독서실' 또는 '청소년문화의집'로 검색하면 연관 검색어가 나옵니다. 지방 쪽은 잘 모르겠지만 서울에는 청소년독서실이 한 동에.. 2014. 5. 1.
크로스브라우징, 웹표준과 핵(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.
조계사를 환하게 불밝힌 연등(조계사 가는길) 조계사를 환하게 불밝힌 연등(조계사 가는길) 어제 일이 있어 종각에 갔다가 오랜만에 조계사에 다녀왔습니다. 도심 한 가운데에 있어 평소에는 조금 삭막하게 느껴지는 조계사였는데 어제는 연등이 환하게 조계사를 밝히고 있었습니다. 맞은편 횡단보도에 서니 입구부터 화려한 연등이 사람들을 맞이하고 있네요. 입구에 들어서니 예쁘게 장식된 연등 주위로 사람들이 사진을 찍고 있었고, 또 아래와 같은 팻말이 걸려 있습니다. 조계사에는 세월호 침몰 사고 희생자를 위한 합동 분향소도 마련돼 있습니다. 더 들어가면 아래 사진처럼 하늘에 두둥실 연등이 아름답게 펼쳐져 있습니다. 이 연등은 입구에서부터 절에까지 이어져 있는데, 작년에 부처님 오신 날에 길상사에서 보았던 것보다 더 화려하게 예쁘네요. 정식 불자가 아니라 연등의 의.. 2014. 4. 27.
삶에 희망을 가졌으면... 지난 한 주간 세상과 사람들의 마음을 아프게 했던 그리고 지금도 현재진행인 일들에 대해 무어라 말을 할 수 있을까 싶지만 그럼에도 삶에 희망을 가졌으면.... 앞으로 좀 더 책임감 있는 성인이 되도록 발원하고, 내 주변을 좀 더 잘 돌 볼 수 있도록, 좀 더 친절할 수 있도록, 좀 더 배려할 수 있도록 발원합니다 2014. 4. 26.
시스디자인 레안 363 PU가죽 3인용 쇼파 6개월 사용 후기 시스디자인 레안 363 PU가죽 3인용 쇼파 6개월 사용 후기 소파를 6개월 전에 구입했는데 이제야 후기를 올려 봅니다. 보통 인터넷 쇼핑몰에서 산 물건은, 물건을 받은 직후 바로 구입한 사이트에 상품평을 남기는 경우가 많죠. 하지만 실제 사용을 오래 하다 보면 상품평에 쓴 것과 다르게 느껴질 때가 있는 것 같아요. 처음엔 별로였다 싶은데 두고 보면 마음에 들기도 하고, 처음엔 정말 마음에 들었는데 오히려 상황이 역전되는 경우도 있고요. 그래서 오래 두고 사용을 하다가 쓰는 후기가 정말 정확한 상품평이 아닌가 싶답니다..^^ 상품명: 시스디자인 레안 363 PU가죽 3인소파 내장재: 건조목 프레임+벨트,S자 스프링+독립형 포켓스프링+고탄력 스폰지(좌방석)+폴리코튼(등쿠션) 마감재: 합성가죽(PU) 다리:.. 2014. 4. 25.
티스토리에서 맨 위로 가기 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.
반응형

티스토리툴바