차곡차곡

시간이 지남에따라 글자색 변경하기 span택스트를 5초에 blue, green,red 로 무한반복 합니다. font-family는 글꼴을 설정하는 속성입니다. textColorAnimation : 0% 일때 blue 로 글자색 30%일때부터는 green 100%까지는 red로 글자색을 하겠다는것 outside & Insider 기본은 outside 이다. (예) 커피메뉴 Espresso Cappuccino Cafe Latte circle outside circle inside (예) list-style-position 속성을 이용한 리스트 요소의 위치 설정 이 리스트는 위치를 outside로 지정했습니다. (기본설정) 사과 멜론 바나나 이 리스트는 위치를 inside로 지정했습니다. 수박 참외 옥수수 더..

z-index 값은 적지 않으면 0으로 취급한다. hidden과 none의 차이점 다음 빈 곳에 숨은 단어? I (love) you. CSS is Cascading (Style) Sheet. 응답하라 (2022) hidden none overflow overflow 프로퍼티 overflow 에 hidden 값을 적용하면 박스를 넘어가는 내용이 잘려 보이지 않는다. overflow 에 visivle 값을 적용하면 값을 넘어가면 박스를 넘어가서도 출력된다. overflow 에 scroll 값을 적용하면 박스에 크스롤바를 붙여 출력한다. 리스트 HOME Espresso Cappuccino Cafe Latte F.A.Q HOME Espresso Cappuccino Cafe Latte F.A.Q 마커 : 리스트 ..

visited : 한번이라도 방문을 했다면 hover : 마우스를 올리고 있을때 active : 마우스를 누르고 있는 동안 (예) 여기가 링크입니다. (예) 글자크기와 배경색 변경해보기 마우스를 올려놓으면 스타일이 변경됩니다. 폰트 크기를 변경하는 링크 배경색을 변경하는 링크 HTML5 CSS3 HTML5 CSS3 JAVASCRIPT JAVASCRIPT HTML5 CSS3 HTML5 CSS3 JAVASCRIPT JAVASCRIPT HTML5 CSS3 HTML5 CSS3 JAVASCRIPT CSS3 JAVASCRIPT HTML5 CSS3 JAVASCRIPT HTML5 CSS3 JAVASCRIPT JAVASCRIPT HTML5 CSS3 JAVASCRIPT HTML5 CSS3 JAVASCRIPT JAVASCR..

border의 효과들 none 테두리가 없음 dotted 테두리가 점선 dashed 테두리가 짧은 선 조각들의 연속 solid 테두리가 단일줄 double 테두리가 두개의 실선 groove 테두리가 창(canvas)에서 조각된 것처럼 보임 ridge groove의 반대 / 태두리가 창에서 튀어나온 것 처럼 보임 inset 테두리가 창 전체에 박스가 깔려있는 것 처럼 버임 outset inset의 반대/ 창에서 전체 박스가 튀어나온 것 처럼 보임 사용 예시 다양한 테두리 3픽셀 solid 3픽셀 none 3픽셀 hidden 3픽셀 dotted 3픽셀 dashed 3픽셀 double 15픽셀 groove 15픽셀 ridge 15픽셀 inset 15픽셀 outset 둥근모서리 둥근 모서리 테두리 반지름 50픽..

CSS (Cascading Style Sheet) : CSS는 HTML 문서에 색이나 모양, 출력 위치 등 외관을 꾸미는 언어이며, CSS 로 작성된 코드를 Style Sheet라고 부른다. CSS는 CSS1이 나온 2002년 이후 CSS2, CSS3으로 발전하였고, CSS3를 CSS 레벨 3이라고 부르는데 CSS 버전 3이라고 부르지 않는 이유는 과거 레벨과 호환을 이루면서 새로운 기능을 추가하기 때문이다. CSS3 는 많은 기능을 가지고 있지만 요약하면 다음과 같다. 색상과 배경 텍스트 폰트 Box Model 비주얼 포맷 및 효과 리스트 테이블 사용자 인터페이스 HTML 에 CSS를 적용시키는 방법은 세가지가 있다. 각 방법은 장단점이 있으니 상황에 맞게 적절한 방법을 택해야 한다. Inline St..