본문 바로가기

반응형

분류 전체보기

(493)
CSS 기초강좌 6 (Font 속성) CSS Font 속성 폰트 속성은 Html이나 CSS 코딩에서 가장 많이 사용하고 있고 이름이 곧 내용이므로 특별한 설명은 필요 없을 것 같네요. Property/ValueDescriptionfont-style폰트의 이탤릭체 여부를 지정한다 (normal, italic, oblique)font-variant폰트를 작은대문자로 바꾼다 (normal, small-caps)font-weight폰트의 두께 지정 (normal, bold, bolder, lighter, 100,200,300, ...)font-size/line-height폰트크기와 줄간격 지정font-family폰트의 종류 지정-이름이 두단어 이상이면 ""로 감싼다. ("Times New Roman",Serif) 그냥 font 만을 사용해서 위의 ..
CSS 기초강좌 5 (Text 속성 활용하기) CSS Text 속성 Text 속성은 문자나 단락의 조절과 관련된 속성들입니다. * color : 텍스트의 색상을 설정 * direction : 텍스트 방향설정 * letter-spacing : 텍스트의 글자 사이의 간격을 증가 또는 감소 * line-height : 텍스트의 행 높이를 설정 * text-align : 텍스트의의 수평 정렬을 지정 * text-decoration : 텍스트 장식(언더라인 등) * text-indent : 텍스트 블록의 첫 번째 줄의 들여 쓰기를 지정 * text-shadow: 텍스트에 그림자효과 설정 * text-transform : 대소 문자를 설정 * vertical-align : 수직 정렬을 설정 * white-space : 공백 설정 * word-spacing : ..
CSS 기초강좌 4 (Background 속성) CSS Background CSS background 속성은 요소의 배경효과를 정의하는데 사용됩니다. 배경효과에 사용되는 CSS 속성 * background-color * background-image * background-repeat * background-attachment * background-position background-color : 속성은 요소의 배경색깔을 지정하는데 사용합니다. background-image : 속성은 요소의 배경으로 이미지를 지정하는데 사용합니다. 기본적으로 설정이 없으면 이미지는 반복 표시됩니다. 이미지의 반복효과를 가로나 세로방향으로만 표시하고 싶을때는 background-repeat 속성을 사용합니다. (속성값) : repeat-x, repeat-y, no-r..
투명 이미지 꽃일러스트 CSS 강좌용 이미지
CSS 기초강좌 3 (적용방법) CSS 사용하는 방법 1.외부문서로 연결하여 사용하기 Html파일의 사이에 넣어서 정의하면 됩니다. 2.Html파일 내부에서 사용하기 이것도 마찬가지로 Html파일의 사이에 넣어서 정의하면 됩니다 만약 내부스타일정의 뒤쪽에 외부문서스타일이 링크된다면 내부스타일은 없어지고 외부스타일로 적용됩니다. 3.태그에 직접 사용하기 태그안에 style="요소"와 같이 사용하면 됩니다 이것은 P태그 입니다. Example 이것은 P태그 입니다. 결과 이것은 P태그 입니다. 즐거운 하루 되세요 Vanxy.

반응형