대표적으로 많이 쓰는 px(픽셀)단위는 절대적인 단위로, 어떤 환경에서든 같은 크기로 나타낸다. 그에 반해 이 em과 rem은 각각의 기준이 있고 그 기준에 따라 폰트의 크기가 바뀐다.px와 사용방법은 같으며 위에서 말했던 기준이란 부모 요소를 기준으로 한다.부모 요소

1 2 3 4

인라인요소 크기값을 지정못함 한줄에 여러개 배치 상하마진 못가짐 기본 너비값은 컨텐츠의 너비값 span, a, small, em, b, br, audio, video, s, u, mark, q, strong, sup, sub, i, big, del, label 블록요

Chrome에 새로운 기능 추가 등 확장 프로그램을 설치해서 새 기능을 추가할 수 있는 플러그인page ruler redux : 활성화된 브라우저 안에 요소의 너비와 높이 측정page ruler redux : 활성화된 브라우저 안에 요소의 너비와 높이 측정galleri

Wow.js는 애니메이션을 실행시키는데 스크롤이 밑에 있을 경우 사용자가 보기 전에 실행돼서 종료된 화면만 나타날 수 있는데 이러한 문제점을 고치기 위해 사용자가 스크롤을 내려서 화면을 보고 있을 때 애니메이션을 실행하기 위한 것이다.간단히 말하면 animation 효

Slick slider 실습 html CSS js

PHW3 WHW2

jQuery에서 if문 활용으로 스크롤이 내려갔는지 유무를 판단해 header의 CSS를 바꿀 수 있다.htmlCSSjQuery

(method)jQuery에서 선택자에 어떤 효과를 적용시킬지 정할 수 있다.효과에 관련된 이펙트, 클래스를 넣었다 뺐다 하는 클래스 제어, 선택요소를 기준으로 요소를 찾는 요소 탐색 세 가지가 있다.선택자를 보이게할지 안보이게 할지 등을 정한다..show() : 선택

오픈 소스 기반의 자바스크립트 라이브러리. 웹 페이지에 다양한 효과나 연출을 적용할 수 있다. CSS에서도 유사하게 만들 수 있지만, 짧고 단순한 코드로도 쉽게 적용할 수 있다. 제이쿼리 버전 3까지 나왔지만 제이쿼리 버전 2와 3은 둘다 익스플로어 9 이상에서만 동작

Write a program that reads three strings from the keyboard. Although the strings are in no particular order, display the string that would be second i

CSS스타일처럼 자바스크립트도 inline, internal, External 이 세 방식으로 작성할 수 있다. Style과 마찬가지로 inline 자바스크립트는 적용할 태그안에 직접 작성하는 것이다.하이퍼링크를 걸 때 문장이나 단어처럼 일부분에만 넣을 수 있는 &lt

<div> 태그와 <span> 태그 등을 이용해 stylesheet로 아이콘처럼 만든 다음<input>태그에 checkbox 속성을 적용시키고, <label>태그와 연결한 후 가상선택자 :checked 를 이용해 아이콘을 클릭할 수 있게 만든다.알

Implement a ring buffer with an array of 5elements that uses buffer overflow.Test the program using the sequence ofinserts and deletesImplement and Te

Object-fix Objext-position Flex

웹페이지에 사용할 폰트를 다양하게 바꿔 줄 수 있다. 기본적으론 Font-icon과 사용법이 비슷하다.이미지나 아이콘의 색을 바꿔줄 수 있다.

Media Query Font icon

Lists 1차원 데이터로써 데이터들을 나열해논 것이다.각각의 데이터들이 어떤식으로 나열되어 있는지에 따라 array 방식과 linked list 방식으로 나뉜다. Array 배열로 리스트를 구현하는 방법이고 사용법이 간단하다. 몇 번째 칸에 무슨 정보를 넣는지만 지

a 태그 herf="링크앞에 + 맨위로가는 버튼을 만들때 href="+ 스크롤을 부드럽게 이동시키는법: 스타일에 html{ scroll-behavior: smooth; } 적용(단 IE인터넷익스플로어 에선 사용 불가 속성)->속도조절불가jquary로 만들어서 적용 ->

하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말한다.뷰포트(ViewPort)앞서 나왔듯 웹 브라우져에서 실제 내용이 표시되는 영역이다. 모바일 뷰포트와 PC뷰포트는 그