CSS 3

CSS 외부 폰트 적용

스타일 태그안에 font-face를 사용하여 넣는다 font-family: "적용시킬때 사용할 이름"; src: url('폰트파일 위치 경로') foramt('타입형식); font-weight: 두꺼운정도; font-style: 스타일; 경로는 현재 파일이있는 위치에서부터 ./다음폴더명/파일명 이런식으로 했음 이상하게 시킨대로했는데 안되길래 다운받은 파일은 ttf파일이었는데 그파일을 woff파일로 변환시켜서 다시 적용했더니 됐음 (왜문제였는지는잘모르겠음)

CSS 2021.01.21

JavaScript style css 변경

자바스크립트에서 스타일 변경하기 var id = document.getElementById("id값"); id.style.color="blue"; id값을 설정해서 id의 색깔을 파란색으로 바꿔준다. 제이쿼리로 css변경하기 태그예시 $("#id").css('color','blue'); html의 id 값을 넣고 제이쿼리를 이용하여 색깔을 파란색으로 바꿔준다 css는 정해진 color값만 변경되는 느낌인데 자바스크립트로 바꾸면 나머지 스타일이 다 지워지고 (글꼴, 폰트 이런거) 색만 파란색으로 되는느낌

JavaScript 2021.01.20

React-Native CSS

import React from "react" const btnStyle = { color: "white", background: "teal", padding: ".375rem .75rem", border: "1px solid teal", borderRadius: ".25rem", fontSize: "1rem", lineHeight: 1.5, } function Button() { return Inline } Inline Style React 컴포넌트에 CSS 인라인스타일을 바로 적용하는것 중요특징 style 속성값에 일반 문자열이 아닌 자바스크립트 객체가 할당되야 합니다. CSS 속성명이 케밥 케이스(kebab case)이 아닌 카멜 케이스(camel case)로 작성되야 합니다. 존재하지 않는 키워드..

React-Native 2021.01.13