> 웹 프론트엔드 > JS 튜토리얼 > 프론트 엔드 CSS에 대한 기본 지식

프론트 엔드 CSS에 대한 기본 지식

php中世界最好的语言
풀어 주다: 2018-03-19 11:02:39
원래의
1691명이 탐색했습니다.

이번에는 프론트엔드 CSS 기본지식을 알려드리겠습니다. 프론트엔드 CSS 기본지식 중 주의할 점은 무엇인가요? 실제 사례를 살펴보겠습니다.

css에 대한 기본 지식

먼저 작은 예를 살펴보겠습니다.

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>Title</title></head><body>
    <p style="background-color:#2459a2;height: 48px;">1</p>
    <p style="background-color:red;">2</p>
    <p style="background-color:green;">3</p></body></html>
로그인 후 복사

배경색, 높이 및 기타 속성이 있는 p에 스타일을 추가하여 아무것도 없는 것을 볼 수 있습니다. 원본 p는 배경색 높이 등을 추가합니다.

Css writing

  • 태그에 스타일 속성을 설정하세요: 너비, 높이, 배경....

  • 헤드에 쓰고,