본문 바로가기

독학

9/13 생활코딩 web2 css 마지막 공부~

<배운 것>

 

 

 

 

1. 이거 아톰인데 파일에 우클릭-스플릿 라이트 하면 이렇게 나란히 볼 수 있다. 

 

 

 

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 

 

< 코드를 바꿔서 디자인을 바꿨는데, 

만약 바꿔야하는 웹페이지가 1억개라면? 모든 웹페이지에 하나하나 적용하기 너무 번거롭겠죠.

이런 문제가 일어나는 이유는 우리가 작성한 css 코드가 모든 웹페이지에서 중복해서 일어나기 때문.

중복된 파일들을 제거해보자.>

 

 

 

1. 앞뒤 스타일 태그 뺴고 모든  css 코드 복사 

2. style.css 파일 만들고 여기다 붙여넣기

3. 스타일 태그 지워버리고 , 그 위치에 

 

<link rel="stylesheet" herf="style.css">

 

 

 . 이게 바로 링크태그.

 

 

하.. 안돼서 한참을 다시 시도했다. 결국 알아냄...

 

스타일 태그중에 .... #grid 이걸 뭐라부르더라 샵 태그?  밑에 

li{
    border-right:none;
    }

 

이거 빨간색 태그가 혼자 샵 태그 밑에 있었는데 이거를 샵 태그 위로 올렸는데 됐음.. 왜됐지?

그 전에 배운것중에 기억이 흐려진 맨 밑에 생긴 태그를 구동시키는 뭐 그런거때문인가 잘 기억은 안나는데

왠지는 나중에 알겠지 (이래서 블로그 작성 하면서 공부해야해 전에 아 뭐더라뭐더라 하는데 기억안나는게 많음)

 

 

 

.

.

.

.

.

.

.

.

.

 

 

 

 

 

이로써 css 수업이 다 끝났따~ 하는동안 마지막 부분서  아놔 이게 왜 안돼? 하고 한참 모니터 들여다보고 그랬었다

그런데 다시 해보면 잘할듯ㅋ

선생님이 항상 수업 끝나면 나혼자 내 사이트 만들어보는걸 적극 추천하신다

그래서 하나 또 만들어볼거다 (말을참잘듣는다)

 

하나 또 만들고 나서 자바스크립트 강의를 들어야지.

그런데 내일모레부터 국비지원 학원이 개강이라 엄청 바빠질거같다. 학원에서 멋있는거 많이 배워야지.

배워서 여기다 이어서 포스팅을 할지 블로그를 네이버로 옮길지 고민된다.