728x90 반응형 CSS12 [CSS 기초] font-size/color/text-align font-size 폰트 사이즈는 글꼴의 크기를 지정하는 것으로, 주요 단위로는 px,em,rem이 있다. px은 폰트의 크기가 고정되어 있는 것이다. em이나 rem은 사용자가 브라우저에서 폰트의 크기를 바꾸면 폰트의 크기가 가변적으로 변화한다. 오늘날에는 이 세가지 단위 중 rem을 쓰면 된다. 그 이유는 폰트 크기를 조정할 수 있는 사용자의 권리를 존중해주기 위해서이다. px와 rem의 가장 큰 차이점은 사용자가 브라우저의 글꼴 크기를 키웠을때인데, px은 바뀌지 않고, rem은 바뀐다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 #px{ font-size:16px; } #rem{ font-size:1rem; } PX REM cs PX와 REM 모두 글.. 2021. 12. 28. [CSS기초] 부모자식 선택자/가상 클래스 선택자/여러가지 선택자들 부모자식 선택자 태그 부분에만 폰트컬러를 붉은색으로 주고 싶을 땐 어떻게 해야할까? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 HTML CSS JavaScript HTML CSS JavaScript cs 이럴때는 ul li 를 이용하면 된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ul li{ color:red; } HTML CSS JavaScript HTML CSS JavaScript cs 태그 안에 또 하나의 을 만들고 테두리를 그려서 구분해주려면 어떻게 해야할까? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28.. 2021. 12. 22. [CSS기초]선택자와 선언/선택자의 종류 태그 선택자 태그 안에 글자가 빨간색이고, 밑줄을 치려면 어떻게 해야할까 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 li{ color:red; text-decoration:underline } HTML CSS JavaScript Colored by Color Scripter cs 우선 태그 안에 인라인 방식으로 li에 color와 text-decoration 같은 속성들을 써준다. 반드시 효과 뒤에는 세미콜론(;)을 써줘야한다! 선택자와 선언 여기서 li가 selector, 즉 선택자이고 color:red; 이런게 declaration,즉 선언이다. color는 property(속성) red는 value(속성 값이다) :는 value-property seperator.. 2021. 11. 24. [CSS기초] HTML과 CSS가 만나는 법 인라인 방식 HTML에 CSS를 적용하는 방식 중 하나가 인라인 방식이다. 1 2 3 4 5 6 7 8 Hello World Colored by Color Scripter cs h1 style="color:red" --> h1의 속성인 style은 html 문법인데, "color:red"는 css의 문법이다. 내부 스타일 시트 html 태그 사이에 태그를 넣어준다. 태그는 html문법이다! 1 2 3 4 5 6 7 8 9 10 11 12 h2{color:blue} Hello world cs --> style태그는 html문법이고, h2{color:blue} --> 이건 css의 문법이다. 2021. 11. 18. 이전 1 2 3 다음 728x90 반응형
