html 어디에서나 쓸 수 있는 전역변수를 선언할 땐, :root { --변수이름: 값; } :root 안에 지정하여 주면 됩니다. 변수이름을 직접 설정하여 사용하고, 변수 앞에 '--'를 붙여 사용해줍니다. 값은 css에서 사용하는 모든 값을 넣을 수 있습니다. 선언한 변수를 사용할 때, p { color: var(--변수이름); } 지정한 변수이름을 var() 안에 넣어주면 됩니다. 예를 들어 메인 컬러를 지정하여 모든 곳에서 사용하고 싶을 때, :root { --main-color: #eee; } .text { color: var(--main-color); } :root 의사 클래스에 전역변수를 지정하여 사용합니다. css 변수는 대소문자를 구분하기 때문에 주의하셔야 합니다. :root { --ma..
HTML 텍스트 관련 태그
중요한 내용을 강조하고 싶을때 사용하는 태그, HTML과 같이 약어로 된 단어를 쓸 때 어떤 약자인지를 설명할 수 있는 태그, 전문용어를 사용할때 사용하는 태그, 다른 사이트에서 복사해와서 사용할 때 주소 출처를 남길 수 있는 태그 , 이탤릭체로 표기되는 태그 이탤릭체로 표기되는 태그 결과를 보자면, i태그와 em태그 둘 다 똑같이 이탤릭체로 나타나는데요. 강조하는 의미를 담고 있는 이탤릭체가 있다면 em태그를, 시각적으로만 이탤릭체로 나타내고 싶을 때는 i태그를 사용해야 합니다. (i태그와 em태그 모두 인라인 요소) 볼드체로 표기되는 태그 볼드체로 표기되는 태그 i, em태그를 썼을 때와 마찬가지로 p태그 안에 b태그와 strong태그를 넣어줬는데요. 결과를 보시면, b태그와 strong 태그 모두 ..