본문 바로가기
code/css

css 시작 !!

by 바야바바 2021. 2. 14.

※ html에서 디자인만 빼온 것이 css이다.

※ css로 디자인하는 것이 html로 디자인 하는 것보다 훨씬 효율적이다.

 

css와 html은 엄연히 다른 언어라서 style 태그를 이용해서 이것이 css라고 미리 알려줘야 한다.

 

 

이것은 우리가 폰트태그를

 

 

 

일일히 해준 것과 똑같다. 중복을 막아준다.

 

근데 저 앞에 a가 하이퍼링크 걸어준 곳에만 적용이 되는 건가..???

아마 추정상 맞는 것 같으니

(저거는 선택자이다. 앞에있는 a는 앞에있는 모든 a태그를 선택한다는 뜻!)

다시 생활코딩 쌤이랑 했던 파일로 가준다.

나는 color:skyblue; 로 적용해 주었다 

 

 

이거는 스타일 태그

이거는 스타일 속성

 

그리고 상황을 좀 더 복잡하게 꾸며보자면

저어기 목차에 밑줄 그어진게 싫다 하면

스타일 태그에 텍스트 데코레이션을 입력해주면 됨

그리고 css에만 밑줄이 있으면 좋겠다 싶으면은

 

속성에다가 입력을 해준다

그러면 결과적으로는

짜잔

 

다음시간에는 선택자와 property를 검색을 통하여 알아보는 방법을 알아보겠다

 

'code > css' 카테고리의 다른 글

css와 html로 크리스마스 초대장 보내기  (0) 2021.02.16
박스모델 써먹기  (0) 2021.02.16
박스모델  (0) 2021.02.14
css선택자의 중요한 토대  (0) 2021.02.14
css검색엔진을 이용해서 css 꾸미기  (0) 2021.02.14

댓글