🖊 용어정리
-
css : Cascading Style Sheet
좀 더 디자인에 최적화된 웹페이지 마크업 언어
나오기 이전에는 HTML에서도 디자인 관련된 규약이 있었으나
나온 이후에는 HTML은 레이아웃 구성을 위한 언어가 되었음
-
element : 웹 디자인의 최소단위(요소), 하나의 객체
보통은 태그 하나를 지칭할때 쓰이지만 태그만을 의미하지 않음 -
selecter : 선택자, css, javascript로 변화시킬 대상(데이터)을 지정할때 사용
선택할때 tag, class, name, id를 사용
-
class : 속성을 정해두고 여러 태그에 정해둔 속성을 적을때 함께 적용
다른 개발언어의 class와는 다름
-
id : 단 하나의 element 지칭, 겹치면 안됨
-
name : 잘 사용하지 않음
🖊 실습
- inline
- 내부 선언 방식
- outline (외부 선언 방식)
: html head 부분에 <link rel="stylesheet" href="css파일명"> 을 추가
css 파일을 생성해서 스타일을 설정해준다.
- class selecter
: 클래스는 중복으로도 설정 가능함! css파일에서.파일명으로 시작
- id selecter
- 배경색과 크기 제어
- 텍스트 제어 (text)
- 텍스트 제어2 (font)
splunk