[CSS 기초강좌 ] 아이디 선택자(ID Selector)

 

아이디 선택자

아이디 선택자(ID Selector)는 특정 값을 id 속성(attribute)의 값으로 갖는 요소(element)를 선택합니다.
속성값 앞에 #을 붙여 아이디임을 나타냅니다.

예를 들어
#abc {
  color: red;
}

는 id 속성값으로 abc를 갖는 요소를 빨간색으로 만듭니다.

예제

id 값으로 abc를 갖는 요소를 빨간색으로 만드는 예제입니다.
<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>CSS</title>
    <style>
      #abc {
        color: red;
      }
    </style>
  </head>
  <body>
    <p id="abc">

 

저희 교회가 주의 은혜와 능력 가운데서 부흥 발전하며 예배, 교육, 친교, 선교, 봉사 등

교회 본분에 충실하게 하시며 저희 모두의 삶이 하나님의 영광을 나타내는

삶이 되게 하여 주시옵소서.

 

</p>
    <p>

이 예배를 시종일관 성령께서 주장하시기를 바라면서

주 예수 그리스도의 이름으로 기도합니다.아멘

</p>
  </body>
</html>

 

위 코드의 실행결과는 다음과 같습니다.

 

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,