CSS를 사용하여 특정 요소를 스타일 지정하기위한 HTML 요소 이름 지정 팁 -

CSS의 특정 요소를 스타일 지정하는 한 가지 방법은 HTML 요소의 이름을 지정하는 것입니다. id 또는 class 특성을 사용하여 코드의 이름을 지정한 다음 id 또는 class selector를 참조하여 코드의 스타일을 지정합니다.

id 속성을 사용하여 코드 이름 지정

id 속성을 사용하여 웹 페이지에서 특정 요소의 스타일을 지정합니다. id 속성은 HTML 요소의 이름을 지정할 수 있으며 항상 여는 HTML 태그에 배치됩니다. 또한 각 요소는 하나의 id 특성 값만 가질 수 있으며 특성 값은 HTML 파일 내에 한 번만 나타나야합니다. HTML 파일에서 속성을 정의한 후에 해시 태그 ( # )와 속성 값을 작성하여 CSS의 HTML 요소를 참조하십시오.

id 속성을 사용하여 다음 코드는 Modern Seinfeld Twitter 링크의 색상을 빨간색 배경에 노란색으로 표시합니다. HTML:

Modern Seinfeld

CSS:

#jerry {

color: red;

배경색: 황색;

클래스 속성을 사용하여 코드 이름 지정

클래스

속성을 사용하여 웹 페이지의 여러 요소 스타일을 지정합니다. 클래스 속성은 HTML 요소를 명명 할 수 있으며 항상 시작 HTML 태그에 배치됩니다. 속성 값은 HTML 파일 내에서 고유 할 필요는 없습니다. HTML 파일에서 속성을 정의한 후에 마침표 (.)와 속성 값을 차례로 써서 HTML 요소를 참조하십시오. 클래스의 경우, 다음 코드는 Parody Tech 트위터 계정이 밑줄을 쓰지 않고 빨간색으로 연결되도록합니다:


HTML:
Bored Elon Musk < Vinod Coleslaw








말 전자 책
CSS:







 하이테크 {








 color: red;

텍스트 장식: 없음;







 }







Google과 같은 검색 엔진을 적극적으로 사용하여 추가 CSS 효과를 검색합니다. 예를 들어 각 목록 항목 사이의 간격을 늘리려는 경우 브라우저를 열고 목록 항목 줄 간격 CSS를 검색하십시오. 상위 10 개 결과에 나타나는 링크는 다음을 포함해야합니다.

W3Schools


:


초보 자습서 사이트


스택 오버플로

:

숙련 된 개발자를위한 토론 게시판 Mozilla: 참조 파이어 폭스 브라우저를 유지하고 현재는 개발자 커뮤니티에 의해 유지되는 토대에 의해 처음 생성 된 가이드 이 사이트들 각각은 시작할 수있는 좋은 장소입니다. 예제 코드가 포함 된 답변을 찾으십시오.