Bootstrap All Functions #1 Bootstrap All Functions #1 Container, Row, SpanX Responsive Web Typography -기본 tag 들에 대해서도 style 이 적용되어 있다. - blockquote 의 경우 위와 같이 두드러지게 바뀐다. -기본 tag 의 style 을 제거하려면 class="unstyled" 를 적용한다. -dl 의 경우 class="dl-horizontal" 로 수평 definition list 를 사용할 수 있다. Glyphicon User -Glyphicon customize pagehttp://www.w3resource.com/twitter-bootstrap/3/glyph-customization.html Table Forms Search -bootstrap 의.. 2014. 3. 13. [기초강좌] HTML Styles - CSS - w3schools 번역 [기초강좌] HTML Styles - CSS - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_css.asp CSS ( Cascading Style Sheets ) 는 HTML element 들을 스타일링 하는 데 사용된다. Styling HTML with CSS CSS 는 HTML 4 와 함께 소개된 것으로, HTML element 들을 더 나은 방법으로 스타일링 하는 데 사용된다. CSS 는 다음과 같은 방법으로 HTML 에 추가될 수 있다.* Inline - style 속성을 이용하여 HTML element 에 표기된다.* Internal - External Style Sheet External Sty.. 2014. 3. 11. [기초강좌] HTML Links - w3schools 번역 [기초강좌] HTML Links - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_links.asp Link 는 대부분의 웹 페이지에서 찾아 볼 수 있다. Link 를 클릭하면 현재 페이지에서 다른 페이지로 연결된다. HTML Hyperlinks ( Links ) HTML tag 는 hyper link 를 정의한다. Hyperlink ( 또는 link ) 는 단어, 단어의 모음, 또는 이미지를 의미하는데, 이것을 클릭하면 다른 문서로 연결하는 기능을 가지고 있다. 웹 페이지에서 링크 위로 마우스 커서를 이동하면, 화살표 모양의 커서가 작은 손 모양으로 바뀐다. tag 의 가장 중요한 속성은 href 이다. .. 2014. 3. 5. [기초강좌] HTML 속성 ( Attributes ) - w3schools 번역 [기초강좌] HTML 속성 ( Attributes ) - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원본 : http://www.w3schools.com/html/html_attributes.asp 속성 ( 원문 : Attribute ) 은 HTML element 에 추가적인 정보를 제공한다. HTML Attributes * HTML elements 는 속성을 갖는다.* 속성은 element 에 추가적인 정보를 제공한다.* 속성은 언제나 start tag 에 표기된다.* 속성은 항상 이름/값 쌍으로 제공된다. : name="value" Attribute Example HTML link 는 tag 를 통해 정의되는데, link 주소는 href 속성으로 정의된다.This is .. 2014. 2. 23. [기초강좌] HTML 기초 - 4개의 예제 - w3schools 번역 [기초강좌] HTML 기초 - 4개의 예제 - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원본 : http://www.w3schools.com/html/html_basic.asp 예제들이 배우지 않은 tag 들을 사용한다고 해도 걱정할 필요 없어요.다음 강좌들에서 tag 들에 대해 배우게 될 테니깐요. HTML Headings HTML Headings 은 ~ tag 를 통해서 정의된다. This is a headingThis is a headingThis is a heading 눈으로 직접 확인하기 HTML Paragraphs HTML 의 문단은 tag 를 통해 정의된다. This is a paragraph.This is another paragraph. 눈으로 직접 확인하.. 2014. 2. 19. [CSS] Bootstrap Tutorial #1 - download & setup CSS, Bootstrap Tutorial #1 - download & setup Download and understand file structures 다운로드 https://github.com/twbs/bootstrap/archive/v3.0.0.zip 메인 css 파일인 bootstrap.css 와 bootstrap-min.css 은 dist/css 에 들어있다. 메인 js 파일인 bootstrap.js 와 bootstrap-min.js 는 dist/js 에 들어이다. root 에 있는 js 폴더는 다른 js plug-in 들이다.asset/js 폴더에는 html5shiv.js 와 respond.min.js 가 들어있다.이것들은 IE8 을 support 하는 녀석들이다. asset/js 에는 jqu.. 2014. 2. 8. [jQuery] 버튼 만드는 방법 jQuery로 버튼 만드는 방법 jQuery를 이용하여 버튼을 만드는 방법은 3가지가 있다. 1. anchor tag 이용 Button 2. div tag 이용 Button 3. form tag 인 input tag 이용 이 세 가지 방법중에 가장 많이 쓰이는 형태는 바로 anchor tag 를 이용한 방법왜냐하면.. 1. href 속성이 있어 바로 link 연결하는 데 수월하다. ( div 태그보다 활용성이 높다. ) 2. 3번의 form tag 와는 달리 width, height 속성 등을 조정할 수 있다. 3. normal 상태와 pressed 상태를 구분해서 속성을 변경할 수 있다. a, a tag, ANCHOR, Button, data-role, data-role="button", div, di.. 2013. 6. 28. 반응형 이전 1 다음
