본문 바로가기

Javascript/CSS

(3)
CSS position 속성 position : static; (기본값, 위치를 지정하지 않을 때 사용) top, right, bottom, left 속성이 아무런 영향도 주지 않는다. position : relative; (태그의 위치를 변경하고 싶을 때 사용) top, right, bottom, left 속성을 사용해 위치 조절이 가능합니다. ex) relative 속성 미적용 ex) relative 속성 적용 position : absolute; (원래 위치와 상관없이 위치를 지정) position: static 속성을 가지고 있지 않은 부모 태그를 기준으로 움직인다. 만약 부모 태그 중에 포지션이 relative, absolute, fixed인 태그가 없다면 가장 위의 태그(body)가 기준이 된다. ex) absolute ..
CSS 태그 정리 태그 안에 들어갈 수 있는 속성 형식으로 사용하시면 됩니다 ex) 안녕 태그 이름 설명 사용법 및 적용후 이미지 color 글자의 색을 변경해줌 color : #ff0000; 사용가능 #뒤에 2자리씩 끊어서 R G B 로 표현 https://htmlcolorcodes.com/ 위 사이트에 들어가면 다양한 컬러색을 따올수있다. color : red; background-color 배경색을 입혀준다 background-color : red; font-size 글씨크기 font-size 종류 px, vw, em, % 등 font-size : 30px; font-family 글씨체 font-family : cursive; text-align 위치 정렬 right, left, center text-align : ..
CSS란? CSS (Cascading Style Sheet)웹페이지 디자인 편집 언어입니다. 쉽게 얘기해서 웹페이지의 글자의 크기, 글자체, 줄간격, 배경 색상, 배열위치 등을 자유롭게 선택하거나 꾸며줄수 있습니다. CSS사용법은 크게 2가지가 있습니다. 1. html 에서 태그를 사용하여 글씨를 꾸며주는 방법 2. css 확장자를 만들어 html과 css 파일을 연결시켜서 하는 방법 먼저 1번째 방법인 html에서 태그를 사용하여 글씨에 색을 입히고 글씨 크기를 변경을 해보겠습니다. Code 해석 HTML CSS Javascript 위 내용에서 설명이 안된 태그는 아래의 링크를 통해 태그의 종류를 이해하시는걸 추천드립니다. 2020/05/14 - [Javascript/HTML] - HTML 태그 정리 HTML 태..