css-기본 문법(css삽입하기)

css은 디자인의 기능을 하며 코드의 중복을 제거해준다. 웹페이지 유지,보수에 편리하며 가독성이 좋다.

html은정보에 집중하기 위해 css는 디자인을 하도록 한다.

 

웹페이지에 css 삽입하는 방법 2가지

1.style 태그

 

  <style>

  </style>

<style>안의 코드는 css의 언어의 문법에 맞게 해석해서 처리

 

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

모든 a 태그에 대해 색을 red로 바꾸기

a{ }:선택자

color:red; : 효과/선언(속성:값;)

 

2.style 속성

<a href="2.html" style="color:red">

style이란 속성을 css의 효과로 해석해서 적용할 것이다라는 의미

style=" "는 html의 속성이다.

style태그가 위치하고 있는 태그에게 효과를 줄 것이기 때문에 선택자를 사용할 필요가 없다.

 

 

밑줄

text-decoration: none;

<a href="2.html" style="color:red;text-decoration:underline">

하나의 선택자에 대해 여러개의 효과를 줄 때 ;로 구분한다.