Html 클래스 id 스타일 작성 방법 및 기술

할 말이 많으니 몇 가지만 소개해 주세요. 만약 네가 더 많은 세부 사항을 알고 싶다면, 너는 반드시 더 많은 연습을 해서 문제를 발견해야 한다. 영어를 하는 것도 마찬가지다. 만약 네가 문제를 해결할 수 없다면, 너는 사적으로 다시 나에게 물어봐도 된다.

1.css 선택기 적용:

일반적으로 CSS 를 작성하려면 먼저 id 또는 클래스를 정의한 다음 사용해야 합니다. 실제로 id 또는 클래스를 정의하는 요소 뒤에는 하위 멤버가 올 수 있습니다. 예를 들어,

& ltdiv id = "test">

& LTP>x xxxxxxxxxxx & ltspan & gt xxxxxxxxxx & lt/span & gt. Xxxxxxxxxxxxxxx xxxx & ltahref = "#" & gtxxxxxxxx & lt/a > & lt/p & gt；;

& lt/div & gt；;

이 구조를 통해 div 아래의 요소를 사용할 수 있습니다.

# 테스트 p

# 테스트 범위

# 테스트 a

이렇게 정의하는 것은 쓰기 클래스와 동일하므로 각 요소의 이름을 쉽게 저장할 수 있습니다.

2.2.css 레벨:

Css 에는 여러 가지 수준이 있습니다. 간단히 몇 가지를 말하다.

인라인 스타일 > id 정의 스타일 >; 클래스로 정의된 스타일

무슨 뜻이에요? 이걸 가득 채운 것 같아요.

& ltstyle & gt

#test{font-size: 16px}

。 테스트 {font-size: 14px}

& lt/style & gt；;

& LTP id = "test" class = "test" style = "font-size:12px" > xxxxxxxxxxxxxxx xx&;

최종 실행 스타일은 font-size: 12px 입니다. 같은 스타일은 최상급으로 덮어쓰여지며 다른 스타일은 영향을 받지 않습니다. 이것은 스타일을 상세하게 분류하는 데 사용될 수 있다.

또 다른 유용한 레벨 규칙은 정의가 상세할수록 레벨이 높다는 것입니다 (예: 아까 예).

& ltdiv id = "test">

& LTP>x xxxxxxxxxxx & ltspan & gt xxxxxxxxxx & lt/span & gt. Xxxxxxxxxxxxxxx xxxx & ltahref = "#" & gtxxxxxxxx & lt/a > & lt/p & gt；;

& lt/div & gt；;

내가 CSS 를 쓴다면:

A{font-size: 16px}

# 테스트 a{font-size: 14px}

# 테스트 p a{font-size: 12px}

위 코드에서 A 태그의 글꼴 크기는 12px 입니다. 정의 세부 사항은 정의하려는 요소의 상위 태그의 세부 사항입니다.

3.3 수준의 적용 범위:

즉, 다음과 같은 여러 클래스를 작성할 수 있습니다

& ltpclass = "class01class02class03" > xxxxxxxxx & lt/p >

이 P 태그는 세 가지 클래스를 정의하며, 모두 적용되고 후자는 전자를 덮어씁니다.

예를 들어, 이 세 가지 클래스는 다음과 같습니다

. class01{font-size:16px; 색상: #333}

. class02 {font-size:14px; Font-weight:bold}

. class03 {font-size:12px; Font-family:"SimSun"}

마지막으로 색상, 글꼴 두께, 글꼴 패밀리의 세 가지 속성을 구현하고, 글꼴 크기 구현 12px 는 class03 이 마지막에 쓰여졌으며, 다양한 스타일의 조화를 이루고 새로운 스타일을 조합하는 데 사용할 수 있다고 생각합니다.

나는 개인적으로 이것이 가장 중요하다고 생각한다. 호환성과 css3 에 대해서는 잘 모르겠습니다. 요컨대 배우고 싶으면 많이 배우고 많이 연습해야 하는데, 그 외에는 다른 방법이 없다.