-
스타일
- 개념 : 웹페이지 각각 요소에 디자인적 효과를 코딩으로 추가하는 것. (CSS: CasCading StyleSheet). 파일(*.css)
-
선언과 적용
-
선언 : <head></head>, <body></body> 각 명령어 내에 선언함
- <head>내 선언문
- <head>
- <style>
- 스타일코드
- </style>
- </head>
-
-
스타일 종류 (내부스타일, 부분스타일, 외부스타일)
-
내부스타일 : <head>에 선언하고 <body>에 적용됨.
- <head>
- <style>
- p {font-family:궁서체; color:blue; line-height:1.1em}
- 명령어 {스타일속성:값; 스타일속성2:값2}
- </style>
- </head>
- <body>
- <p> 내부스타일 적용입니다.</p>
- </body>
-
부분스타일 : <body>내에서 특정명령어에 style적용한다.
- <body>
- <a href="#" style="color=blue">스타일적용텍스트</a>
- </body>
-
외부스타일 : 스타일문서를 html문서 외에 별도로 두어 <head>에서 참조하고 <body>에 적용된다.
- <head>
- <link rel=stylesheet href="적용할 css문서화일">
- </head>
-
- class => . , id => #
- important = 속성이 같을때(충돌) 내부 스타일이 우선이나... 임의로 외부스타일로 고정하고 할때!
- 상속개념
- z-index 겹칠때... 상하관계 지정
이 글은 스프링노트에서 작성되었습니다.