22.9.8 생활코딩 css 강의 시작

<오늘 배운 것!! >

 

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

 

= css를 사용하기 위해서 스타일 안에 css문법을 넣어야한다  (a } 는 선택자 a사이에 컬러블랙은 효과 라고 한다)

a(링크걸린거) 전부의 색깔을 빨강으로 바꾸라는 뜻임

 

 

2. css 사용하는 이유:하나를 바꾸면모든것이 바뀜 편하고쉽다(효율적임) ,유지보수가 훨씬 편리하다. , html이 정보에 전념하게 하기 위해 html에서 디자인의 기능을 뺏어온 것이다.

 

 

3.코딩 잘하는 방법: 중복의 제거. 

 

 

4.<li><a href="top.html" style="color:red">탑</a></li>

=  직접 스타일태그 사용한 경우에는 선택자 선택할필요없다 ( 웹페이지 안에 css 삽입하는 두번째 방법이다.)

 

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

= 이 웹페이지에대한 모든 a태그의 밑줄이 없어진다. 안띄고 한줄로 써도 됨)

 

 

6. <li><a href="top.html" style="color:red;text-decoration:underline">탑</a></li>

=요 부분만 밑줄긋고싶을때

 

 

 

7. a}

color:red;

}

에서 a 는  selector (선택자)

컬러와 레드는 declaration 이라 부르고 

컬러 는 property  (효과)

red 는 value

 

 

7-1. ex)글자 크기를 키우고 싶을때 어떤 속성을 이용하면 되는가? 가 궁금할때 구글에 

css text size property 라고 검색하면 되겠지요

 

7-2.h1 {
font-size:60px
}

 

 

 

8.h1 {
font-size:50px;
text-align: center;
}

= h1 효과 들어간것들 글자 사이즈는 50픽셀로하고 가운데정렬시키기~