[CSS_1장] style태그와 속성

채린·2024년 3월 21일

CSS

목록 보기
1/1

1. Style태그

📍Style태그란?

  1. style태그 안쪽 내용은 html에서 css를 적는 공간입니다.
  2. css를 사용하는 이유는 중복을 제거하기위함이다.
  3. style태그 주석처리는 /* */ 로 됩니다.
 <style>
            a{
                color:black;
                text-decoration: none; 
            }
            /*주석처리*/
 </style>



📍CSS 기본문법

💡기본문법 구성

선택자(태그)
{
	속성:속성의 값;
}

코드 설명

  1. 모든 선택자 또는 태그에 대하여 처리한다
  2. 속성과 속성의 값을 처리한다

💡코드예시

a{
    color:black;
    text-decoration: none; 
  }

코드설명

  1. 모든 a태그를 선택한다
  2. color:black
    - color 속성을 이용하여 글자색 black처리한다
  3. text-decoration : none
    - text-decoration 속성은 텍스트 꾸밈을 의미
    //ex 밑줄긋기, 윗줄긋기

❗주의할점❗

  • css 기본문법은 중괄호( '{' )로 이루어져있다!
  • 속성과 속성의 값은 ( : ) 로 이루어져있다.
  • html에서는 속성과 값은 ( = ) 으로 이루어짐

2. Style 속성

📍Style속성이란?

HTML에서 css표현하는 방법 중 하나이다.

<a href="3Hello.html" style="color:black"> JAVAScript
</a>

💡 Style 속성 사용방법

<태그 style="css속성:">



📍HTML에서 CSS사용하는법

💡Style 태그 이용하기

 <style>
            a{
                color:black;
            }      
 </style>

💡Style 속성 이용하기

<a href="3Hello.html" style="color:black"> JAVAScript
</a>



📍Style태그와 Style속성 차이점

1.Style 태그

'모든' a태그에 대해 속성이 적용됨

2.Style 속성

해당 a태그'만' 속성이 적용됨

즉, Style태그는 모든 태그에 적용되지만
Style 속성을 사용하면 내가 적은 태그에만 적용된다는 차이점이 있음

0개의 댓글