본문 바로가기
반응형

분류 전체보기333

눈부신 5월(핸드폰으로 찍어 본 장미 사진) 눈부신 5월, 계절은 어느 때와 다름 없이, 생명을 쉴새없이 피워 올리네요. 그냥 가만히 있는 것만으로도 주변을 행복하게, 아름답게 만드는 자연 을 닮고 싶습니다 2014. 5. 22 「관련글」 안양천에 만개한 벚꽃길 걷기. 핸드폰으로 벚꽃 사진 찍기 도전 산림욕하기 좋은 곳(청계산과 서울대공원 산림욕장) 아름답고 한적한 정릉 가는길 2014. 5. 22.
[html/css] background-repeat 속성(배경 이미지 패턴) [html/css] background-repeat 속성(배경 이미지 패턴) html 문서에 배경 이미지를 넣는 속성에 대해 배워 보고 있습니다. 어제는 background-image 속성으로 배경 이미지를 넣는 방법을 배웠습니다 글자색 color 속성, 배경색 background-color 속성 배우기 배경 이미지를 넣는 background-image 속성 오늘은 배경 이미지를 넣을 때 어떤 패턴으로 넣을지 선택하는 속성 background-repeat 입니다. 차례 : background-image background-repeat background-attachment background-position background-size background background-repeat 속성 backgr.. 2014. 5. 22.
[html/css]배경 이미지를 넣는 background-image 속성 [html/css] 배경 이미지를 넣는 background-image 속성 사용법 어제는 배경색을 넣을 때 background-color 속성을 사용한다고 배웠습니다. 글자색 color 속성, 배경색 background-color 속성 배우기 오늘부터 차례대로 배경 이미지와 관련된 속성을 배워보겠습니다. 차례 : background-image background-repeat background-attachment background-position background-size background background-image 속성 background-image는 배경 이미지를 넣을 때 쓰는 속성입니다. 어떤 요소에 배경 이미지를 넣으면 padding을 포함하여 배경을 채우게 됩니다. (margin은 제외.. 2014. 5. 21.
[html/css] 글자색 color 속성, 배경색 background-color 속성 배우기 [html/css] 글자색 color 속성, 배경색 background-color 속성 배우기 지난 주에 글꼴을 지정하는 font 속성을 배우면서, 글꼴 색상은 어떻게 하지? 궁금해하시는 분들 계실 것 같아요. 글꼴을 지정하는 font 속성 배우기 글꼴 크기를 지정하는 font-size 속성(px, pt, %, em 차이) font-family 속성(serif, sans-serif차이) 오늘 배울 부분은 color 속성과 background-color 속성입니다. background-color은 배경색, color는 전경색(글자색 등)을 지정 합니다. 자세히 알아보겠습니다~ ▶background-color 속성 요소의 배경색을 지정하는 속성입니다. padding, border를 포함하여 색칠되고요. 단 .. 2014. 5. 20.
@font-face 사용규칙(eot, woff, otf/ttf, svg/svgz 차이) @font-face 사용규칙(eot, woff, otf/ttf, svg/svgz 차이) 지난 시간엔 태그와 @import로 외부 자원으로 연결하거나 글꼴을 이용하는 방법을 배웠습니다. 외부 문서를 연결하는 link 태그 사용법 @import rule 사용법, link 태그와 차이 글꼴을 지정하는 font-family 속성(serif, sans-serif차이) 오늘은 @font-face 규칙을 이용하려 웹폰트를 이용하는 방법입니다. @font-face 사용법 @font-face는 글꼴 파일을 html에 속에 삽입하여 사용자 컴퓨터에 설치되지 않은 글꼴을 서버에서 내려받아 사용할 수 있는 방법입니다. 사용 예 ☞ *나눔고딕을 한글과 영문으로 적은 것은 영문이름을 인식하지 못하는 브라우저에 대비하여 *한글 글.. 2014. 5. 19.
[초보 산행 코스 추천] 산림욕하기 좋은 곳(청계산과 서울대공원 산림욕장) 산림욕하기 좋은 곳(청계산과 서울대공원 산림욕장) 요즘처럼 날씨가 청명한 날에는 어딜 가든 좋지만, 초록 이파리가 무성하게 자라는 계절이다 보니 저는 산에 가는 게 좋더라고요. 하지만 너무 높은 등산은 힘들어서 주로 산 초입에서 산책을 즐기는 편입니다. 얼마 전엔 관악산 둘레길과 정릉 산책로를 소개해드렸는데요 [초보 산행 코스 추천] 광명 구름산 가는법 [초보 산행 코스 추천 2] 관악산 입구에서 서울둘레길과 성주암 가는길 [초보 산행/산책 코스 추천 3] 아름답고 한적한 정릉 가는길 오늘은 산림욕하기에 좋은 두 곳을 소개해 보려 합니다. 산림욕이란? 숲에서는 피톤치트가 나오는데 그 향기를 마시거나 피부에 접촉시키면, 심신이 안정되는 자연 건강법이라고 합니다. 피톤치드(phytoncide)는 식물이 자라.. 2014. 5. 16.
@import rule 사용법, link 태그와 차이 @import rule 사용법, link 태그와 차이 어제는 외부 문서나 자원를 연결하는 태그에 대해 알아 보았습니다. 외부 문서를 연결하는 link 태그 사용법 복습하는 의미에서, link 태그는 주로 다음 기능을 하는데요 -외부 스타일 시트 연결(css나 javascript 파일 등) -사용자 컴퓨터에 없는 글꼴을 지원하는 웹 폰트로 연결 이러한 기능은 @import 규칙을 통해서도 똑같이 구현이 가능합니다. 사용 예 @import rule 사용법 1. 구문 @import url(' '); 또는 @import " "; * 인용부호는 쌍따옴표, 홑따옴표 모두 가능 * 인용부호 안에 주소를 입력합니다 2. @import 규칙은 css 파일 맨 처음 위치합니다. *티스토리의 경우 관리 화면 html/css.. 2014. 5. 16.
동묘 구제시장 가는길(동묘 벼룩시장 구석구석 훑어보기) 동묘 구제시장 가는길(동묘 벼룩시장 구석구석 훑어보기) 토요일 동묘앞역에 있는 구제 시장에 다녀 왔습니다. 이 번이 세 번째 방문이네요. 주말에 가면 항상 사람이 많았는데, 이번 토요일인 특히 더 많았던 것 같아요. 무한도전 영향인가요? ^^ 동묘시장 가는길은 1호선 동묘앞역에서 3번출구로 나와서 후진하시면 입구가 보입니다. 제가 동묘 구제 시장을 처음 갔을 때는 아무 사전 정보도 없이 가서 그런지 온통 신기한 구경 거리 천지였습니다. 저는 입구에서부터 대로를 따라, 죽 훑어 내려 오면서 구석 구석 다 뒤져 봅니다.^^ 그릇, 유리병, 이불, 악세사리, 두꺼운 외투, 가방, 손지갑, 화분 등.. 좌판엔 생활에 필요한 잡다한 물건이 많다면 매장 쪽에는 책, 음반, 가방, 등산 품목이 있기도 하고 군데 군데.. 2014. 5. 15.
2014 서울국제도서전(사전등록, 온라인 사전 참여) 2014 서울국제도서전(사전등록, 온라인 사전 참여 일정) 마침내 기다리고 기다리던 서울국제도서전이 다음 달 시작하게 되네요. 2014 서울국제도서전 일정 기간: 2014. 6. 18 ~ 22 장소: 삼성역 코엑스 A 홀 관람시간 : 18일 ~ 20일 : 10~19시 (입장마감: 18:30) 21일(토) : 10~20시 (입장마감: 19:30) 22일(일) : 10~17시 (입장마감: 16:30) 입장료: 일반: 3,000원 초중고, 대학생 : 1,000원 무료입장: 미취학 아동, 65세 이상 노인, 장애인, 사전등록자 서울국제도서전 사이트에서 사전등록 신청까지 받고 있어서 이미 알고 계신 분도 많을 것 같아요. 삼성 코엑스 가는길은 맨 아래 참조해 주세요 2014 서울국제도서전 사정등록 기간 & 방법 .. 2014. 5. 14.
[html/css]외부 문서를 연결하는 link 태그 사용법 [html/css]외부 문서(css)를 연결하는 link 태그 사용법 며칠 전 font-family 속성을 다루면서 [html/css] 글꼴을 지정하는 font-family 속성(serif, sans-serif차이) 외부 스타일시트를 연결하는 태그에 배웠었죠. 오늘은 태그에 대해 상세히 알아보겠습니다. 태그 이름에서도 알 수 있듯이, 태그는 외부의 문서를 연결시키는 태그입니다. 주로 css파일 같은 스타일시트 파일을 연결하거나, 웹 폰트를 사용할 때 폰트가 있는 주소로 연결시킬 수도 있습니다. ▶ 태그 사용법 - 태그는 사이에 넣습니다. - 여러 태그를 삽입할 수 있습니다. - html에서 닫는 태그는 없지만, xhtml에서는 아래처럼 닫습니다. ▶link 태그와 함께 사용할 수 있는 속성 1. href.. 2014. 5. 14.
반응형

티스토리툴바