인터넷 컴퓨터로 연결하여 TCP/IP(Transmission Control Protocol/Internet Protocol)라는 통신 프로토콜을 이용해 정보를 주고받는 컴퓨터 네트워크이다. WWW (Word Wide Web) 하이퍼텍스트(hypertext)라는 기능에
08.스크롤스파이(Scrollspy)
스크롤스파이(Scrollspy) 스타일 body { position: relative; } 코드 <body data-spy=”scroll” data-target=”.navbar” data-offset=”50″> … <nav class=”navbar navbar-inverse navbar-fixed-top”> … <ul
07.캐러셀(Carousel)
캐러셀(Carousel) – 이미지파일로 등록시 스타일 <style> .carousel-inner > .item > img, .carousel-inner > .item > a > img { width:
06.JS-모달(Modal)
모달 플러그인 클래스 .modal 모달 생성 클래스 .modal-content 모달의 테두리, 배경컬러등 스타일이 정의되어있고, 이 클래스 안에는 모달의 헤더, 바디, 푸터
css – 링크 스타일
링크태그에 사용되는 스타일 a:link – 기본링크 스타일 a:visited – 방문했던 링크주소일때 스타일 a:hover – 마우스를 오버했을때 스타일 a:active – 마우스
CSS – Background 관련속성
[이미지다운] Background 엘리먼트 영역에 색상, 이미지를 채우는 속성 background-color:#000; (배경색) background-image:url(http://aaa.gif); (배경 이미지) background-repeat:no-repeat; (배경 이미지 반복여부, no-repeat:반복안함, repeat-x:가로로 반복,
05.네비게이션(Navbar)
네비게이션바 [예제보기] <nav class=”navbar navbar-default”> <nav class=”navbar navbar-default”> <div class=”container-fluid”> <div class=”navbar-header”> <a class=”navbar-brand” href=”#”>WebSiteName</a> </div> <ul class=”nav navbar-nav”> <li
04.그리드 시스템(Grid System)
매우 작은 기기 모바일폰 (<768px) 작은 기기 태블릿 (≥768px) 중간 기기 데스크탑 (≥992px) 큰 기기 데스크탑 (≥1200px) 그리드 적용 항상
CSS 속성
[ type ] : 글자에 관련된 속성을 설정하는 부분입니다. font-family 굴림,굴림체; 글꼴을 설정합니다. font-size 12px; 글자 크기와 함께 단위를 설정합니다.
HTML 태그(요소)
[ 링크, 이미지, 이미지맵 ] a (Anchor) 의미 : 텍스트 및 이미지에 하이퍼텍스트를 설정한다. 사용 : 인라인 요소로, 인라인요소와 텍스트를 포함 할