HTML5 CSS3
-
-
단락정리 <dl>,<dt>,<dd>HTML5 CSS3/DIV, Box 2022. 2. 1. 01:06
단락정리를 할 수 있는 코드 ,, 제목 내용 제목 내용 제목 내용 강조태그 단순 제목 ------------단락정리 태그 사용 예시--------------------------- Global Information Title --- 제목지정 China ---- 설명지정 10 contact ---- 제목지정 88-888 ---- 설명지정 start 2011-05-05 ------------------------------------------------------- 코딩 결과는 아래와 같이 나옵니다. -------------------------------------------------------
-
텍스트에 줄 긋기 text-decorationHTML5 CSS3/Font 폰트 2015. 6. 10. 03:57
text-decoration : underline; 텍스트에 밑줄 긋기 text-decoration : overline; 텍스트에 윗줄 긋기 text-decoration: overline underline; 텍스트에 윗줄 아래줄 긋기 text-decoration: line-through; 텍스트에 취소선 넣기 FABLAB과 온라인세상공유하기 FABLAB과 온라인세상공유하기 FABLAB과 온라인세상공유하기 FABLAB과 온라인세상공유하기 출력된 결과 FABLAB과 온라인세상공유하기 FABLAB과 온라인세상공유하기 FABLAB과 온라인세상공유하기 FABLAB과 온라인세상공유하기 만약 링크된 텍스트에 밑줄 안보이게 하려면, a{text-decoration:none}
-
글자 대문자, 소문자 설정 text-transformHTML5 CSS3/Font 폰트 2015. 6. 10. 03:32
영어로 글을 쓸 때, 자동으로 문자들을 대문자 소문자로 표시되도록 하는 설정. 한국어 전용 홈페이지를 만들때는 필요하지 않는 태그지만, 요즘같은 글로벌 시대에 영어로 글로벌 사이트를 만들때는 필요사항이다. text-transform : none; 쓴 그대로, 대문자든 소문자든 변환하지 않는다. text-transform : capitalize; 첫 글자를 대문자로 만든다. society라고 섰더라도.. Society로 표기된다. text-transform : uppercase; 모든 글자를 대문자로 만든다. society라고 섰더라도.. SOCIETY로 표기된다. text-transform : lowercase; 모든 글자를 소문자로 만든다. SOCIETY라고 섰더라도..society로 표기된다. fon..
-
기본글꼴HTML5 CSS3/Font 폰트 2015. 6. 10. 02:45
한글 기본글꼴에는 굴림, 궁서, 돋움, 바탕 등 하지만 돋움을 제외하고 최근에는 홈페이지에는 나눔고딕이나 맑은 고딕, 나눔 고딕에서 변형된 깔끔한 글씨체를 많이 사용하는 듯. 영어 기본글꼴에는 Sans-serif, serif, Arial, Verdana를 자주 사용, 예를 들면... 1.Make webpages with css 끝에 꾸미는 세리프 모양이 없음 2.Make webpages with css 끝에 꾸미는 세리프 모양이 있음 3.Make webpages with css 자간이 일정한 글꼴 4.Make webpages with css 5.Make webpages with css 6.Make webpages with css 1.Make webpages with css 끝에 꾸미는 세리프 모양이 없음..
-
다단으로 문서꾸미기 ColumnHTML5 CSS3/DIV, Box 2015. 6. 7. 03:47
Column 속성 이용하여 여러 단으로 문서꾸미기. 워드프레스에서 숏코드를 이용하면 여러만들 수 있는 설정이 있기는 한데 너무 불편합니다. (모든 사용법을 잘 몰라서 그럴 수도 있습니다. ) 를 써서 만드는것보다 더 불편하네요. 그래서 CSS3를 이용합니다. 나중에 페이지를 퍼와서 따로 사용하려면 숏코드를 사용하는 방법은 많이 좋지 않은 듯 합니다. 적용한 페이지... http://www.allstemcells.com/blog/bone-marrow-transplant/ 한글은 몰라도 영어로 기사를 쓸 때는 이렇게 좀 단을 나누어 써야 좀 있어보이네요. Column-width : 너비값; 너비를 지정합니다. 예로 div { column-width : 120px; -webkit-column-width : 1..