CSS의 기본 구문 및 기본 규칙

CSS의 기본 구문 및 기본 규칙

CSS란 무엇입니까?

CSS는 html의 문장에 대한 장식, 배경 장식, 각종 구조의 설정을 가리키며 html와 잘 조합하여 페이지를 만드는 언어이다.

html 어떻게 넣어요?

넣는 방법은 3가지입니다.
1. CSS 파일을 따로 만들어 html에 넣기
2. html 파일에서 라벨로 둘러싸서 쓰기
3. html 기술에 직접 혼합
보통의 패턴입니다.코드가 복잡해지면 관리가 안 되기 때문에 보통 CSS 파일만 준비해서 편입합니다.

CSS 표현식

CSS의 구문은 매우 간단합니다.
CSS.

セレクタ {プロパティ：値;}

[値の後の ; を忘れずに]

끝났어.문법은 하나밖에 없어요.
각각 설명하다.

セレクタ {プロパティ：値;}


セレクタ　=>どこの見た目を変えるかを決める部分
(< head >,< body >,< p >,< h >,< div >等)


プロパティ　=>何を変えるのか
(色、大きさ、配置、高さ、幅、etc..)


値　=>どう変えるのか、どれくらい変えるのか
(red、10px,etc..)

html

<p>こんにちは</p>

css

p {
  color:orange;
}

< p >タグの color を orange にしてという命令文

이렇게 되면 위의 html의

라벨의'안녕하세요'는 주황색으로 변한다.

id CSS 추가 시

id에 CSS를 추가할 때 다음과 같이 #

#headline {
  color: orange;
}

class에 CSS를 추가할 때

class에 CSS를 추가할 때 다음과 같이 [.]덧붙이다

.main {
  color: orange;
}

여러 개의 적용 대상을 지정하려는 경우

여러 개의 적용 대상을 지정하려면 다음과 같이 [,]로 구분하십시오.

#headline, h2 {
  color: orange;
}

특정 장소만 지정하고 싶을 때

특정한 곳만 지정하고 싶을 때 반각 공간을 남겨야 돼요.

.main p span {
  color:orange;
}

main という class の <p> タグの　<span>の文字をオレンジに変える

마지막

CSS의 기본 구문과 기본 규칙을 요약했습니다.
자주 나타나는 속성에 대해 다른 글에서 총결하였다.
참고하시기 바랍니다