HTML5 및 CSS3 프로그래밍을위한 특정 세그먼트 선택 방법 - 인형

경우에 따라 HTML5 및 CSS3 웹 페이지에서 특정 세그먼트 만 선택할 수도 있습니다. 웹 개발 능력을 인정하지 않는 사람을 어떻게 추천해야하는지 살펴보십시오.

두 가지 종류의 단락 정의하기

문화적 가치와 별도로이 페이지는 세 가지 단락 스타일을 가지고 있기 때문에 흥미 롭습니다. 소개 단락은 정상입니다. 견적은 기울임 꼴 글꼴로 설정되며 속성은 고정 폭이며 오른쪽 정렬됩니다.

다음 코드의 인용문은 훌륭한 사이트 인 Shakespearean insult generator에서 생성되었습니다. iambic pentameter에서 누군가를 말하는 것보다 더 만족스러운 것은 없습니다.

견적. html #quote {font: bold italic 130 % Garamond, 만화 산스크리트어, 판타지; text-align: center;} #attribution {font: 80 % monospace; text-align: right;}

문학 견적 오늘의 견적
가죽 옷, 크리스털 단추, 매듭 매듭, 마노 반지, 토핑, 카디스 가터, 매끄러운 옷감, 혀, 스페인어 파우치!

-William Shakespeare (Henry IV Part I)
단락 식별 스타일링

CSS를 사용하여 페이지 전체 요소에 특정 스타일을 적용했습니다. 예를 들어, 태그에 스타일을 추가 할 수 있으며 해당 스타일은 페이지의 모든 단락에 적용됩니다.

수정하려는 각 HTML 요소에 id 속성을 추가하십시오.

CSS에서 스타일을 만듭니다.

1. 파운드 기호 뒤에 CSS의 요소 ID를 사용하여 태그 유형에 대해 더 이상 말하지 않고 특정 요소를 지정하도록 지정하십시오. 예를 들어, CSS 코드에 선택기 #attribution이 포함되어 있습니다. 즉, "적용하십시오 스타일을 속성 ID가있는 요소에 추가합니다. "

2. #attribution {

   스타일을 추가하십시오.

   명명 된 요소를 표시하기위한 스타일을 만듭니다. 이 경우, 속성 ID가 오른쪽 정렬되고, 고정 폭이며, 보통보다 약간 작은 단락이 필요합니다. 이 양식은 특정 요소에만 첨부됩니다.
   

3. #attribution {font: 80 % monospace; text-align: right;}

   ID 트릭은 이름이 지정된 요소에서 훌륭하게 작동합니다. ID는

   고유
   

여야하므로이 기술은 페이지의 한 요소에만 적용 할 스타일이있을 때 가장 좋습니다. HTML 요소가 무엇이든 상관 없습니다.ID 견적이 있으면 #quote 스타일이 적용됩니다. 동일한 스타일 시트에서 ID 선택기와 일반 선택기를 둘 다 가질 수 있습니다.