[HTML/CSS] CSS의 Border속성 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] CSS란? CSS의 작성법 [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! [TIP/Blog] - [HTML/CSS] CSS의 Background속성 [TIP/Blog] - [HTML/CSS] CSS의 박스모델링 Border는 테두리의 형태를 다루는 속성입니다. 테두리의 스타일, 두께, 색상, 곡률을 지정하며 각 변을 따로 지정 할 수도 있습니다. 테두리 스타일은 다음과 같은 효과를 부여합니다. * Dotted - 점선 테두리 * Dashed - 파선 테두리 ..
[HTML/CSS] CSS의 박스모델링 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] 표 만들기 〈TABLE〉태그!!(2) [TIP/Blog] - [HTML/CSS] 표 만들기 〈TABLE〉태그!!(1) [TIP/Blog] - [HTML/CSS] CSS란? CSS의 작성법 [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! 모든 요소는 하나의 박스(Box)로 생각 할 수 있습니다. 큰 박스, 작은 박스 등을 쌓아올려 보기좋게 레이아웃을 구성할 수 있으며 블로그 및 홈페이지를 제작할때 확실히 이해를 하고 있어야 합니다. 박스모델을 한장의 이미지로 가장 쉽..
[HTML/CSS] CSS의 링크꾸미기 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] 폰트 사이즈 단위 [TIP/Blog] - [HTML/CSS] CSS란? CSS의 작성법 [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! [TIP/Blog] - [HTML/CSS] 링크걸기 〈a〉태그!! 링크는 태그를 사용하기 때문에 태그를 꾸며주게 되는데, CSS란? CSS의 작성법의 의사셀렉터(가상선택자) 부분을 활용하여 속성을 부여합니다. 링크꾸미기는 보통 다음과 같은 효과를 부여합니다. * a:Link - 방문하지 않은 링크 * a:Visited - 방문했던 ..
[HTML/CSS] CSS의 LIST속성 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] 폰트 사이즈 단위 [TIP/Blog] - [HTML/CSS] CSS란? CSS의 작성법 [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! [TIP/Blog] - [HTML/CSS] 〈OL〉, 〈UL〉목록 태그만들기!! List속성은 앞서 다룬 ", 목록 태그만들기!!" 의 내용과 비슷합니다만 이번엔 HTML이 아닌 CSS로 효과를 주기 때문에 좀더 다양한 형태로 표현이 가능해요. 순서가 없는 은 다음과 같은 효과를 부여합니다. * Disc * Circle * Squ..
[HTML/CSS] CSS의 TEXT속성 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] 폰트 사이즈 단위 [TIP/Blog] - [HTML/CSS] CSS란? CSS의 작성법 [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! [TIP/Blog] - [HTML/CSS] CSS의 Font속성 TEXT속성은 문자나 단락을 조절하기 위해 사용합니다. 앞서 다룬 Font의 경우 글자 자체의 형태를 변형하는 속성이였다면 TEXT는 문자의 방향이나 간격등을 설정해주는 속성이에요. TEXT는 다음과 같은 효과를 부여합니다. * Color * Direction * L..
구글 검색용 애드센스 맞춤검색 활성화 애드센스는 다양한 방식의 광고를 제공하고 있어요. 이번에는 검색창을 제공하여 검색 결과를 통한 광고 수익을 얻을 수 있으니 검색용 애드센스를 설치해 봅시다. ▶관련 포스팅◀ [TIP/Blog] - 구글 애드센스 신청방법 [TIP/Blog] - 구글 애드센스 일치하는 콘텐츠 활성화 [TIP/Blog] - 구글 애드센스 주소인증 PIN 번호 [TIP/Blog] - 구글 애드센스 외화통장 은행별 수수료? [TIP/Blog] - 구글 애드센스 계좌 등록하기 애드센스에 접속해서 "내광고→기타 제품"에서 "검색용 애드센스 시작하기" 버튼을 눌러주세요. 그러면 아무일도 일어나지 않는데 조금 기다렸다가 다시 로그인을 해보면 이렇게 "맞춤검색 엔진"이 활성화 됩니다. 일반광고를 추가..
네번째 초대장 배포!! 어느덧 네번째 초대장 배포를 하게 됐네요. 이번에는 랜덤으로 뽑아서 7분께 드리도록 할게요. 12시 까지 티스토리 계정이 될 이메일을 작성 해주시면 됩니다. 열심히 사연 쓰지마세요~ 사연 쓰신분 제외하고 드립니다. 번호 추출은 http://randoms.kr/bbs/rannum.php 여기에서 나오는 숫자대로 댓글 순서에 맞춰 드리려고 합니다. 예를들어 "2"라는 숫자가 나오면 두번째 댓글을 작성하신 분께 드리는 방식으로 진행하고 초대장 배포 후에 내역 공개 할게요. 12시 배포 완료 했습니다. 블로그를 할 생각이라면 다른 사람의 포스팅도 읽어야 하는게 정상입니다. 제가 분명히 사연 쓰지말라고 굵게 표기 했음에도 불구하고 줄줄히 사연 쓰신 분들은 읽어보지도 않고 다른 초대장 배포에..
[HTML/CSS] CSS의 Font속성 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] 폰트 사이즈 단위 [TIP/Blog] - [HTML/CSS] CSS란? CSS의 작성법 [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! [TIP/Blog] - [HTML/CSS] CSS의 Background속성 Font속성은 글꼴을 설정하기 위해 사용합니다. Font는 다음과 같은 효과를 부여합니다. * Font-style * Font-variant * Font-weight * Font-size * Font-family Font-style 태그 속성 속성값 비고 ..
세번째 초대장 배포!! 실수로 6월달 초대장 배포를 못했더니 모두 사라져버렸네요. ㅠㅠ 이번에는 별다른 조건 없이 그냥 선착순으로 배포 하도록 하겠습니다. 티스토리 블로그 계정이 될 이메일 주소를 댓글로 달아주세요. 총 7장 있으며 내일 오전10시에 선착순 일곱분에게 일괄로 배포 하도록 할게요.
[HTML/CSS] CSS의 Background속성 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] 웹 문서의 개념 [TIP/Blog] - [HTML/CSS] HTML의 기본구조 [TIP/Blog] - [HTML/CSS] CSS란? CSS의 작성법 [TIP/Blog] - [HTML/CSS] ID속성, CLASS속성 Background속성은 배경효과를 나타내기 위해 사용합니다. Background는 다음과 같은 효과를 부여합니다. * Background-color * Background-imege * Background-repeat * Background-position * Backg..