본문 바로가기

지금, 개발하기81

HTML/CSS] 폰트 설정 폰트를 설정하는 방법을 알아보도록 하겠습니다. CSS 폰트에는 크게 family-font와 generic-font가 있습니다. 이 두가지를 잘 활용하면 누구나 폰트를 쉽게 사용할 수 있습니다. 1. family-font와 generic-font 1) family-font: 우리가 일반적으로 알고 있는 특정 글꼴 ex) Georgia, arial, 나눔고딕, 궁서, 굴림, Times New Roman, Times, 등 2) generic-font: 비슷한 모양의 글꼴 집합 family-name으로 지정된 글꼴을 사용할 수 없는 경우 브라우저가 비슷한 스타일로 대체 할 수있도록 선언해주는 폰트입니다. ex) serif, sans-serif, monospace, cursive, fantasy - serif :.. 2021. 5. 31.
HTML/CSS] 한글이 깨져요 ㅜㅜ HTML 파일을 올바르게 작성했는데, 한글이 깨져서 안보이는 경우가 있습니다. 제가 아래처럼 HTML코드를 작성해 보겠습니다. Hi My name is 'Jigeum'. I'm 24 years old. Nice to meet you I love coding 나는 코딩을 좋아해 Chrome) Microsoft Edge) Internet Explor) 크롬과 엣지는 한글이 깨지지 않는데 인터넷 익스플로러는 한글이 깨지네요. 아마도 크롬과 엣지는 한국어를 지원하는 인코딩 방식을 사용하고, 인터넷 익스플로러는 한국어를 지원하지 않는 인코딩 방식을 사용하나봅니다. 내가 작성한 한국어 코드가 어떤 브라우저를 깨지지 깨지지 않았으면 하실텐데요. 그러면 우리가 인코딩 방식을 지정해주어야합니다 한글이 깨지는 이유는 파일.. 2021. 5. 29.
HTML/CSS] CSS 우선순위는어떻게 정해지나요? 2탄 지난 시간에 이어서 CSS 우선순위 규칙에 대해서 알아보도록 하겠습니다. CSS 스타일이 여러개 적용된 경우 어떻게 우선 순위를 정해야하는지 이어서 살펴 보도록 하겠습니다. CSS의 우선순의를 결정하는 세가지 요소 2) 명시도 스타일이 여러개가 적용되면 당연히 충돌이 일어나겠죠? 그런데 그럼에도 불구하고 웹페이지는 에러를 쏟아내지 않습니다. 알아서 스타일의 우선순위에 따라 스타일을 적용했기때문입니다. 이번에는 스타일 적용 범위에 따라 우선순위를 정하는 '명시도'에 대해 알아보겠습니다. 명시도를 적용하면 범위가 작으면 작을 수록 우선 순위가 높아집니다. 인라인 스타일 > id 스타일 > 클래스 스타일 > 태그 스타일 예를 들어 id 선택자는 클래스 선택자나 태그 선택자보다도 명시도가 높습니다. 인라인 스타.. 2021. 5. 28.
HTML/CSS] CSS 우선순위는어떻게 정해지나요? 1탄 CSS 우선순위 규칙 CSS는 Cascading Style Sheet의 줄임말입니다. Style Sheet는 이해가되지만 앞에 붙은 Cascading은 조금 의아하지 않나요? 오늘 배울 'CSS 우선순위 규칙'에 대한 힌트가 바로 여기 'Cascading'에 담겨있습니다. 'Cascading'은 '떨어지는 폭포'라는 뜻으로 위에서 부터 아래로 흐른다는 뜻입니다. 즉, 한 요소에 CSS 스타일이 여러개 적용되어 있을 때, 여러 스타일 중 위에서부터 아래로 우선 순위가 정해진다는 의미입니다. 어떤 상황인지 잘 아직 이해가 안가시죠? 예를 들어보겠습니다. 제가 웹페이지에 '안녕'이라는 글자를 출력해 보겠습니다. 이때, 이 안녕하는 글자에는 여러가지 스타일이 적용되어 있습니다. 먼저, 브라우저에 있는 기본 텍스.. 2021. 5. 27.

티스토리툴바