css초보상식

웹에 문서들과 디자인의 내용을 분리합니다.

웹의 표준에 의해 제작된 웹 문서들은 디자인과 내용들이 나누어져 있습니다.

내용들은 html을 이용하여서 구성하며, 디자인된 화면이나 디자인은 css를 사용하여 제작하는 것입니다.

내용들과 디자인은 구분되어 있기 떄문에, 사이트들 내용을 수정하여야 할때는 디자인에

절대적으로 영향을 주지 아니하고 내용들만 수정할수 있습니다.

css 스타일 형식

1.내부 스타일시트

  </head>태그가 나타나기 전에 <style> </style> 태그사이에는 스타일 규칙을 기록해줍니다.

2.외부 스타일시트

  스타일 정보들을 별도로 파일로 저장한느 것 내용만 복사하여 메모장같은 곳에 붙여넣고

  별도에 파일로 저장합니다.

스타일 속성에선 한가지 주의할것은, 스타일에 모든 속성들이 부모 요소에서 자식요소로 상속되는 것이

아니라는 사실....

   <ul>태그는   <li>태그의 부모 이며, 그래서 <ul>태그 스타일에 정의한 속성이 <li>태그 자체에서도 똑같이

   적용됩니다.

혹여 같은 중복되어 있는 스타일이 있다면 마지막에 스타일이 적용되어 표시됩니다.

여기서 스타일 규칙에 !important를 추가하여 해당 스타일 규칙이 가장 높은 최우선 순위를 갖게 된다.

참조>

  <style>

.accent {color:yellow;}!im portant;

.accent {clolor:blue;}

</style>