본문 바로가기
반응형

분류 전체보기333

:first-child, :last-child 선택자 :first-child, :last-child 선택자 어제는 css 선택자의 종류를 알아 보았는데 css 선택자, 선택자 종류와 사용법 오늘은 의사 클래스 선택자 중에 :first-child 와 :last-child 선택자를 알아 보겠습니다 먼저 의사 클래스는 영어로 pseudo-class라고 하는데 pseudo의 뜻을 영영사전에서 살펴 보면 다음과 같습니다. not real, but pretending to be real 진짜가 아니지만, 진짜인 척하는.... -맥밀란 사전 참조- pseudo-class를 의사 클래스, 가상 클래스라고 쓰곤 하는데... 가상 클래스라고 해야 의미가 좀 더 와 닿는 것 같아 이후부터는 가상 클래스라고 하겠습니다~ 가상 클래스와, 가상 요소를 쓰는 이유 기존에 있던 선택자.. 2014. 8. 20.
css 선택자, 선택자 종류와 사용법 css 선택자, 선택자 종류와 사용법 오늘 정리하는 부분도 css 기초로, 가장 초반에 배웠어야 할 부분인데 정리가 상당히 늦은 감이 있네요.^^ css 선택자 종류(대표적으로, 타입 선택자, id 선택자, class 선택자)와 선택자 사용 방법까지 알아 볼게요. 너무 간략히 정리한 부분은 다음에 또 자세히 다루어 볼게요~ CSS 구문은 다음과 같습니다. 선택자 { 속성 : 속성값 ; } selector { property : value ; } 여기서, 선택자란 무엇일까요? 무언가에 스타일을 주고자 할 때 대상을 지정해야 하는데, 이걸 선택자라고 합니다. 선택자의 종류 유형 선택자(type selector) : 요소 이름 예: p {color: red} p 요소가 있는 곳은 모두 빨간색 글씨로 지정하겠다.. 2014. 8. 18.
허브 씨앗 키우기(라벤다, 레몬밤, 바질 발아 과정) 허브 씨앗 키우기(라벤다, 레몬밤, 바질 발아 과정) 이마트에 있는 자연주의에서 허브씨앗3종세트가 있어 한 번 사봤어요. 허브 씨앗으로 발아시키기는 처음이라, 하나부터 열까지 다 배우면서 하고 있지만... 씨앗 기우기는 화초 키우기와는 또 다른 재미가 있는 것 같아요. 앞으로 실패 하더라도, 씨앗 키우기 과정을 기록으로 남겨볼까 해요. ^^ 제가 산 허브씨앗 3종 세트에는 라벤다, 레몬밤, 바질이 들어 있고요, 각각 10립 정도 됩니다. 포장지 뒷면에는 씨앗 발아 방법도 나와 있어요. 간단히 요약해 보면~ [허브 씨앗 키우기 요령] 1. 배양토가 담긴 화분 준비 2. 배양토에 물을 흠뻑 준 뒤 씨앗이 겹치지 않도록 골고루 심기(깊이는 씨앗 크기의 1~2배) 3. 물 줄 때 분무기 등을 이용 4. 씨앗이 .. 2014. 8. 16.
시간과 에너지가 된다면, 가능 하다면 하고 싶은 것들 시간과 에너지가 된다면, 가능하다면, 하고 싶은 것들 시간만 된다면, 힘만 된다면, 가능하다면 하고 싶은 게 무얼까 생각을 해 보았다 1. 반응형 스킨 만들기 -2년 이내에는 가능하지 않을까? 2. 자바스크립트 배우기 -6개월 안에 배워야지 3. php 배우기 -이건 급하지 않으니까 1년 4. 핀란드에서 1년 살기 - 실현 가능할지는 미지수.... 5. 산 속에서 자급자족 하며 살기 -50대가 넘으면 가능할 수도... 6. 수도자 되기 -이 생에서는 힘들겠지..... 다음 생에서는...? 7. 만수르 같은 갑부가 되어서, 자선사업 하면서 살기 -이것도 실현 가능할지는 ㅎㅎㅎㅎ 8. 유재석 처럼 인기인 되어 보기 -노력 하면 가능할까? 9. 채식으로만 살기 -노력해야지 10.도서관 규모의 서가를 집에 두고.. 2014. 8. 14.
웹개발자 도구, 웹 디벨로퍼 툴바 설치/제거 방법 [html/css]웹개발자 도구, 웹 디벨로퍼 툴바 설치/제거 방법 오늘은 웹개발자나 웹디자이너에게 유용한 도구를 소개하려고 합니다 바로 웹 디벨로퍼 툴바(Web Developer Toolbar) 인데요. html이나 css 언어를 다루는 분들은 이미 사용하고 계시는 분도 많을 테지만 저는 최근에 설치해서 사용해 보았습니다.. 웹 디벨로퍼 툴바는 정말 다양한 기능이 있지만, 제가 주로 사용해 본 기능들을 나열하자면 이렇습니다: css 편집, html 편집, css 보기, inline 스타일 끄기, embeded 스타일 끄기 div 크기 표시하기, img 외곽선 표시, div 외곽선 표시, id/class 상세 표시하기, 요소(element) 정보 표시하기, 요소 크기 표시하기, 유효성 검사하기 즉, 웹 .. 2014. 8. 13.
아이비 분갈이 그후, 아이비에 식물 영양제를 주다 아이비 분갈이 그후, 아이비에 식물 영양제를 주다 2주 전에 아이비 분갈이를 했더랬죠.... 아이비 분갈이(수경재배 방법 포함) 조그만 포트 화분에 우리집에 온 아이비, 한달 후 줄기가 사방으로 뻗어나가서 두 화분으로 나누어 분갈이를 하고, 두 줄기를 남겨서 수경재배로 키우고 있어요. 아이비 분갈이 전 분갈이 전 사진이에요. 지금 보니, 그 작은 포트에 어떻게 저렇게 싱싱하게 살아 남았는지 용하네요.. ^^ 아이비 분갈이 후 짠~ 하나는 부엌 창가에서 키우고 있고 하난 요렇게 베란다에 키우고 있습니다. 베란다는 남쪽이라 햇볕을 많이 받아 이파리가 좀 질긴 느낌이에요. 반면 서쪽에 있는 부엌 창가는 햇살이 간접적으로 비추는 곳인데, 이파리 색이 더 연하고 때깔이 좋습니다. 그래서 아이비는 너무 직사광선보다.. 2014. 8. 12.
티스토리에 웹폰트를 적용했는데, 글꼴이 일부 바뀌지 않는 이유 티스토리에 웹폰트를 적용했는데, 글꼴이 일부 바뀌지 않는 이유 이전 시간에 나눔고딕 웹폰트 적용, 제대로 배우기 라는 글에서 body{font-family: 'Nanum Gothic, sans-serif;} 라고 하면 웹 문서 전체에 나눔고딕 글꼴이 적용된다고 했습니다. 하지만 이렇게 해도 일부가 바뀌지 않는 경우가 있습니다. 왜 그럴까요? css에서는 스타일 적용 우선 순위가 있습니다. 스타일이 중복됐을 경우 어느 것을 적용할지 우선 순위를 정해 놓은 것입니다. 즉, body에 '나눔' 글꼴을 적용했는데, div에 '돋움체'로 스타일을 주었다면 어느 것을 적용해야 할까요? 스타일 적용 우선 순위는 다음과 같습니다. 인라인 스타일 >내부 스타일>외부 스타일>브라우저 기본값 순이며, 가장 마지막에 스타일을.. 2014. 8. 11.
나눔고딕 웹폰트 적용, 제대로 배우기 나눔고딕 구글 웹폰트 적용, 제대로 배우기 티스토리나 웹사이트에서 나눔고딕 글꼴을 적용하는 생각보다 쉬운 방법이 있습니다. 구글 웹폰트를 사용하면, ie6~11 뿐 아니라, 구글 크롬, 파이어폭스에서도 나눔고딕 글꼴로 표시할 수 있어요 원리는, 구글에서 제공하는 웹폰트를 링크로 연결해 사용하는 방법입니다. 그동안 제 블로그의 경우, eot 파일을 티스토리에 업로드한 후에 font-face 속성을 사용해 적용했는데요 eot파일은 인터넷익스플로러6~11에서만 지원을 합니다. 구글 웹폰트 링크를 내려받으면 eot, woff, ttf 세 파일이 있음을 알 수 있습니다. http://fonts.googleapis.com/earlyaccess/nanumgothic.css eot 지원 브라우저: ie 6~11 wof.. 2014. 8. 9.
[html5] video 태그 사용법 [html5] video 태그 사용법 video 태그는 html5에서 새로운 요소로, 비디오나 영화를 삽입할 때 사용합니다. html5 이전에는 비디오를 삽입할 때 플래시 같은 플러그인 삽입으로 재생을 했습니다. [html] object 태그 정리 하지만 브라우저마다 각기 다른 플러그인을 지원하고, 코드도 너무 복잡했습니다. 요소는 비디오를 삽입하는 표준적인 방법을 제공합니다. 현재는 mp4, webm, ogg 세 파일 형식만 지원하고 있습니다. 요소 지원 브라우저 : IE 9+, Chrome 4.0+, FF3.5+, Safari 4.0+, Opera 10.5+ ▶사용 법: 대체내용 width, height 속성은 항상 함께 사용하는 것이 좋은데, 너비와 높이를 따로 설정하지 않으면 비디오에 대한 공간을.. 2014. 8. 7.
휴가 마지막 날 비가 추적추적 내린다 오랫동안 찜통 더위에 지친마음에 단비이다 sweet rain 휴가기간 동안 그간 미루어 온 생각들을 정리하고 싶었다 스스로를 들여다 보지 않을 정도로 심하게 표류 중이다 예전처럼 마음 분석이나 한 생각에 몰두하여 이러지도 저러지도 못하는 질척거림이 싫어서 난 그렇게 표류할 수밖에 없었을 것이다 하지만 이대로는 해변에 쓰레기가 될것 같아 이 순환을 멈추고 싶다 만사에 우선순위를 생각하고 그릇된 자아도취 시간을 좀 더 알뜰하게 살기 그리고 다시 기도하기 그리고 나를 다시 사랑하기 타인을 위해서도 시간을 내기 중심을 잃지 않기 금기 사항을 지키기 발원하기 어떻게 살아야 할지를 생각하기 지난일에 자책하지 말기 2014. 8. 6.
반응형

티스토리툴바