#CSS #기본문법 1 #색상 설정

 

 

안녕하세요. 훈츠입니다. CSS 정리 시작 합니다! 

 

---

CSS 기본 연결법  

아래와 같이 link 태그를 이용하여 css 파일을 연결 시켜줍니다.

편의상 한개의 파일에 넣어두었지만 selector css 는 별개의 파일의 시작 입니다. css 파일 역시 처음 시작에 charset 을 작성해 줍니다. 

 

1 2 3 4 5 6 7 8 9 10 11

//Hoons Blog---https://rain2002kr.tistory.com----------------------------------------------코드/// <link rel="stylesheet" href="css/selector.css" type="text/css">    <style>   //이곳에 바로 css 작성  </style>   // 별도의 selector css 파일 시작 부분 @charset "utf-8";     Colored by Color Scripter

cs

---

색상 표현 법 

색상 표기법  :

1. #fff 혹은 #ffffff 3자리 혹은 6자리 값으로 표현 
2. rgb 혹은 rgba 를 통한 rgb(255,0,0) 값으로 표현 
3. hsl 혹은 hsla 를 통한 hsl(250,100%,50%) 값으로 표현 

 

• rgb 적색, 녹색, 검정색 의 3원색을 조합하여 색상을 표현 할수 있습니다. 값은 16진수 1~F 혹은 0~255 숫자값 그리고 red 같은 색상 표현을 사용 할수 있습니다. 
• 색조/채도/명도(HSL) 입력법
  • 색조는 색상환의 각도 0~360도로 표현
    • 360도 = 적색 , 120도 = 녹색, 240도 = 청색 
  • 채도(농도) 는 백분율로 표현. 
    • 0 % = 완전 회색 , 100% = 가장 높은 채도 
  • 명도(밝기) 는 백분율로 표현 
    • 0 % = 검은색 , 100% = 흰색 , 50% = 기본값 
• rgb 와 rgba 로 불투명도(오패서티) 값도 입력 가능합니다. 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

//Hoons Blog---https://rain2002kr.tistory.com----------------------------------------------------코드/// <link rel="stylesheet" href="css/selector.css" type="text/css">    // 별도의 selector css 파일 시작 부분 @charset "utf-8"; h1{     background-color: rgba(186, 206, 7,0.8);     color:rgba(255,0,0,.4); } p{     background-color: hsl(360,70%,50%);     color:#0f0; }     Colored by Color Scripter

cs

 

---

이상 입니다.