본문 바로가기

프로그래밍/CSS

CSS.2

반응형

CSS언어는 HTML과 완전히 다른 언어이다.

CSS언어는 효과를 주기 위한 언어이다.

 

컴퓨터가 HTML과 CSS를 구분할 수 있도록 하기 위해 <style>태그를 사용하여 CSS인지를 확인시켜 주었다.

style태그를 이용하여 누구에게 어떤 효과를 줄 지 입력했다.

 

여기서 '누구'를 선택자(selector) 그리고 어떤 '효과'를 효과(declaration)이라 부르기로 했다.

선택자와 효과를 이용하여 웹을 꾸며주었다.

 

하지만 그 중 일부는 다른 효과를 주고 싶을 때가 있을 수 있다.

그럴 때에는 '속성'이라는 것을 이용한다.

 

두 번째 리스트는 빨간색이 아닌 검정색 효과를 주고 싶으면 style 이라는 속성을 이용하면 된다

여기서 style 속성은 컴퓨터에게 이것은 CSS언어라는 것을 표시해주는 역할을 한다. 그리고 ''안에 있는 color:black은 HTML언어이다.

 

+여기서 'color'에 해당하는 부분을 Property, 'black'에 해당하는 부분을 Value이라 부른다.

 

CSS언어를 사용하기 위해서 CSS라는 것을 표시해주는 태그와 속성을 이용해아한다.

 

+ <a>태그가 걸린 리스트들에게 밑줄을 없애주고 싶다면?

style 태그안에 text들에게 효과를 주지 않겠다라는 'text-decoration: none;을 입력해주면 된다.

여기서 ';'(세미클론)은 문장의 마침표같은 역할이다.

 

위에와 마찬가지로 일부에게만 밑줄을 주고 싶다면?

style 속성안에 효과를 주면 된다

( color랑 구분지어주기 위해 ';'(세미클론)을 사용해야한다.)

반응형

'프로그래밍 > CSS' 카테고리의 다른 글

CSS.6  (0) 2021.10.10
CSS.5  (0) 2021.10.10
CSS.4  (0) 2021.10.09
CSS.3  (0) 2021.10.05
CSS.1  (0) 2021.10.04