웹/CSS (15) 썸네일형 리스트형 CSS 선택자 알아보기 안녕하세요 이번 포스팅에서는 CSS선택자에 대해 알아보겠습니다. 1. 기본적인 CSS Rule 2. 전체 선택자 (*) 3. 두가지 속성 선택하기 쉼표로 구분 4. ID 선택자(#) 5. Class 선택자(.) 6. 자손선택자 7. 인접선택자(+) 8. 직계 자손 선택자 (>) 9. 속성 선택자 이상으로 CSS선택자에 대해 알아봤습니다. 참조하세요! Font family 알아보는 사이트 추천 및 font stack 알아보기 안녕하세요 이번 포스팅에서는 폰트패밀리와 폰트관련된 CSS에 대해 알아보겠습니다. 1. Font famliy CSS Font Stack: Web Safe and Web Font Family with HTML and CSS code. Join to access discussion forums and premium features of the site. www.cssfontstack.com 폰트관련된 사이트 입니다. 폰트가 필요하시면 위에 사이트에 들어가셔서 찾아보시면 좋을 거 같아요! font stack 사용할려는 폰트를 순서대로 적은 목록이다 Arial 폰트가 사용불가능하면 Futura폰트가 사용된다. 텍스트 관련 CSS(text-align,font-weight,text-decoration,line-height) 1. 텍스트 정렬 2. 폰트 크기 보통 크기 : 400 굵은 크기 : 700 = bold 3. 텍스트 데코레이션 텍스트를 꾸미는 선을 조정 취소선, 밑줄, 윗줄 같은 것을 조정 line - through 는 가운데 취소선 line-height는 줄간격이 2.5배가 된다. 텍스트 사용시 유용한 CSS에 대한 포스팅이였습니다. CSS 간단한 속성 및 상속,캐스케이딩 알아보기 안녕하세요 CSS 간단한 속성 및 상속,캐스케이딩 알아보도록 하겠습니다. CSS속성 1) background - color 뒷배경 색깔 2) width 너비 3) height 높이 4) font 4-1) font - size 글자 사이즈조절(px단위) 4-2) font - family 글꼴지정 (작성된 순서 기준으로 우선 순위) Arial, Times 등등 4-3) font - style 글자모양 normal : 기본글꼴 italic : 이탤릭 oblicque : 비슷듬한 글꼴 4-4) font - weight 글자굵기 normal : 보통 bold : 굵게 bolder : bold보다 굵게 lighter : normal보다 얇게 100~900까지 지정가능 400이 normal , 700이 border .. CSS정의, CSS적용방법 및 CSS 선택자 알아보기 안녕하세요 이번포스팅은 CSS관련 포스팅을 적어볼려고 합니다. CSS정의, CSS 적용방법 과 선택자를 알아보겠습니다. CSS(Cascading Style Sheet) CSS는 디자인을 담당하는 언어라고 생각하시면 됩니다. CSS디자인 적용방법으로는 총 3가지가 있습니다. 인터널 방식 인라인 방식 태그안에 style을 사용 EX) 이전 1 2 다음
