홈페이지 만들기[CSS편]

실습문제1배경색이 초록색이고, 중앙정렬이고, 가로 사이즈가 세로 사이즈의 두배인 Dec라는 id를 만들어주세요.빨간색 속성을 가진 christmas라는 class를 만들어주세요.문단태그인 에 하얀색 속성을 추가해주세요.제목태그 와 위에서 만든 id, class, tag

css는웹문서의전반적인스타일을미리저장해둔스타일시트에요.쉽게말해웹문서에쓰일글자의 크기 ,특정 태그의 색 등서식과관련된내용들을관리하는것물론우리는이전수업에서태그내에style이라는속성을지정함으로써위의기능들을이미구현한바있어요.하지만태그내에style속성을사용하여서식을지정하는것은사

class와id의차이

자식 결합자, 하위 결합자, 형제 결합자, 인접 형제 결합자

실습 1추가하기 버튼을 눌렀을 때1\. '날짜' input 창의 입력 값을 가져와서2\. 그것을 아이디로 하는 div에 3\. '추가할 내용' input창의 입력 값을4\. 1일 밑에 써주시면 돼요.힌트저번에 배웠던 JQuery의 append 함수를 활용해봅시다.저번에

static, relative, absolute, fixed

이각층을레이어라고하는데,층층이쌓을수있기때문에z축이라는높이를가질수있게되죠.레이어는가장최근에작업한레이어가가장바깥쪽에위치하게됩니다.먼저작업한레이어일수록가장안쪽에놓이게되지요.예를들어5장의레이어가있다면,5번레이어가가장바깥쪽에있는레이어가될거에요.박수지님에게레이어에대한개념을물어본이

웹문서의레이아웃(구조) 을잡기위해서반드시알아야하는부분display속성으로는여러가지가있지만우리는inline,block,inline-block,flex에대해서만배워볼거예요.inline과block의차이점inline을사용하면내용물만큼만공간이할당되지만,block을사용하면무조건한

margin과padding

CSS3은이전버전의CSS와완전히호환되는CSS의최신표준권고안을의미개발자들의다양한수요에따라CSS도발전을하고있다고생각우리는키프레임 을사용할건데,키프레임(Keyframe) 은애니메이션중간중간에객체의위치와크기를지정해주는프레임이에요.지금이소스에서애니메이션의 대상 은div태그인박스

실습1번문제입니다.위의조건을만족하는CSS코드를작성하세요.다양한 position 속성을 활용해서 화면 속 이미지와 같은 귀여운 애벌레를 만들어 주세요!실습2번문제입니다.위의조건을만족하는CSS코드를작성하세요.다양한 position 속성을 활용해서 화면 속 이미지와 같이 이

프레임워크 란개발을 시작하기 전에 자주 쓰이는 기능들을 미리 개발해둔 것 을의미특히초보자일수록프레임워크는반드시사용해야해요.초보자가만든프로그램은숙련도가높지않아다소비효율적일수있는데,프레임워크는이런부분은어느정도막아줄수있어요.또한개발시간을확연히단축시켜줄뿐아니라최고의개발자들이개

이미지가준비되었으면,화면처럼CSS와javascript를사용할수있게bootstrap링크를복사해서넣어줄게요.버전확인잊지말아주세요!우린버전5.0을사용할거에요.중간에보이는jquery링크도같이넣어주세요!이제bootstrap을사용할수있게되었으니하나씩기능을불러와볼게요!가장상단메뉴부

Bootstrap에서사용하는Grid시스템이란PC화면이나모바일상에서레이아웃크기를유동적으로변할수있게하는기능Grid시스템은기본적으로행(row) 과열(column) 로구성되어있어요.코드로보면아마이해가더잘될거에요.style속성은박수지님께grid를더잘보여드리려고넣은것이니무시해주세