[CSS] CSS란 무엇인가?
안녕하세요!! @wonnieyoon입니다.
HTML에 대해 포스팅은 마치고 CSS 포스팅을 할 계획인데
CSS을 시작하기에 앞서 CSS에 대해 간단히 설명하고 시작하겠습니다.
CSS란?
Cascading Style Sheet의 약자로 스타일시트라고도 불립니다.
프로그래밍에 있어 가장 중요한것중 하나가 바로 중복코드를 줄이는 것입니다.
CSS는 Html 작성시 글자색,글자크기 등을 미리 정의하고 html에서 그것을 가져와 사용할수 있습니다.CSS는 html 소스편 집창에서 작성할 수 있으며 html 웹 에디터 화면에서는 작성을 할 수 없습니다.
개발환경
CSS 포스팅은 아래와 같은 환경에서 진행됩니다.
OS : window
개발툴: Atom =>Atom 설치하러 가기
맛보기
body 태그안에 p 태그가 두개가 있습니다. 그런데 하나는 class 이름이 있고 나머지 하나는 class 이름이 없죠.. 그리고 위에 보시면 head 부분안에 style 태그를 보실수 있습니다.
style 태그안에 보시면 p.change가 있는데 p는 태그를 가르키는 것이고 change는 클래스 이름을 말합니다. p.change 라고 하면 p태그의 클래스 이름이 change이 녀석에만 스타일이 적용가능하다라고 선언하는것입니다. 그렇게 되면 p태그 중 이름이 없는것은 그냥 기본값이 들어가고 p태그중 클래스 이름이 change 있는놈은 위에 선언해둔 CSS를 적용받게 됩니다.
대충 이렇게 진행 되겠구나라는 정도만 생각해두세요!!
이게... 제가 기계과인데요 컴공 너무 대단한거같아요... 저희도 프로그래밍을 하긴하지만 단순히 계산을 위해서하는 것이거든요. 그런데 이 중복코드니 효율적인 코드를 작성해야한다 이런 말들으면 너무 어렵네효 흑흑
웹 코딩을 스스로 배워가면서 많이 듣던 단어가 CSS 였습니다. ㅎㅎ 사실 이해가 잘 되지 않았어요 ㅎㅎ 강좌가 기대가 됩니다. ㅎㅎ
대학생 시절 배웠던 내용인데 하나도 써먹질 않으니 이젠 html 기본소스도 가물가물 하네요~
CSS도 많이 썼던 것 같은데 ㅎㅎㅎ
밋업에서 뵈어서 넘 반가웠어요!!
와서 보니 저 대문! 딱 기억이 나네요 ^^
담번엔 더 얘기 많이 나누고 친해져요~~
네 다음 밋업엔 더 친해져요~~
짱짱맨 태그에 답이 늦어지고 있네요^^
즐거운 스티밋!