-
Bootstrap 3
(bs-10
, 2017.01.08)
Button 클래스
.btn (기본 버튼) - 회색 버튼
.btn-default (기본/표준 버튼) - 흰색 버튼
.btn-primary (주요/핵심 버튼) - 파란색 버튼
.btn-success (성공/긍정 버튼) - 녹색 버튼
.btn-info (정보/환기 버튼) - 하늘색 (=아쿠아 색) 버튼…
-
Bootstrap 3
(bs-9
, 2017.01.08)
Alert 클래스
.alert : 경고상자 생성.
.alert-danger : 빨간색 경고. 위험하거나 잠재적으로 부정적인 행동.
.alert-info : 연한 파란색 경고. 중립적 인 정보 변경 또는 조치.
.…
-
Bootstrap 3
(bs-4
, 2017.01.07)
<h1> - <h6> or .h1 - .h6 (헤드 제목 글자 크기)
<small> - 작은 헤드 제목
.small - 부모 요소 85% 크기의 작은 글씨
.lead (두드러진 약간 큰 글씨)
<mark> or .mark - 형광색 배경 글씨
&l…
-
CSS
(css-244
, 2017.01.05)
대표적인 반응형 프레임워크
1.W3.CSS 활용
2. BS 활용 (= 부트스트랩 활용)
※ 프레임워크 : 미리 만들어놓은 틀
W3.CSS 예제
<!DOCTYPE html>
<html>
…
-
CSS
(css-243
, 2017.01.05)
RES Video 예제1 - 부모요소너비의 100%만큼 차지
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
video {
width: 100%;
height:…
-
CSS
(css-240
, 2017.01.05)
Grid 예제
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
b…
-
CSS
(css-239
, 2017.01.05)
목차
viewport 정의
viewport 구문
viewport 예제 - 적용X vs. 적용O
viewport 준수사항
viewport 정의
웹페이지에서 사용자가 볼 수 있는 영역. (= 브라우저 창 가시 영역)
…
-
CSS
(css-238
, 2017.01.05)
목차
반응형 웹디자인 의미
반응형 웹디자인 예제
반응형 웹디자인 의미
모든 장치(PC, Tablet, Mobile 등)에서 내용 생략 없이 잘 표시.
(HTML/CSS)만으로 구현. (∵ 프로그램이나 JS가 아니기 때문.)
…
-
CSS
(css-235
, 2017.01.05)
목차
align-self 예제 - 교차축 기준으로, 아이템 자체 정렬
align-self 정의
align-self 구문
align-self 관련 주소
align-self 예제 - 교차축 기준으로, 아이템 자체 정렬
…
-
CSS
(css-230
, 2016.12.29)
목차
align-items 예제 - 교차축에서 아이템 정렬
align-items 정의
align-items 구문
align-items 예제 - 세로 가운데 정렬
align-items 예제 - 교차축에서 아이템 정렬
…