CSS 기본

1. 기본 문법 사양

일반적인 css 문 분석:
p {color:#ff0000;Background:#ffffff}
·where "p " "selector"(selectors)를 호출하여 "p"스타일을 정의합니다. ·스타일 선언은 한 쌍의 중괄호로 작성됩니다.
"{}"; ·색상
과 배경을 "속성"(속성)이라고 합니다. ), 서로 다른 속성을 세미콜론 ";" ·"#ff0000"
으로 구분합니다. "#ffffff"는 (value) 속성의 값입니다. 2.

색상 값

색상 값은
RGB 값으로 쓸 수 있습니다. 예: color : rgb(255,0,0), 위의 예처럼 16진수로 쓸 수도 있습니다 color:#FF0000. 16진수 값이 쌍으로 반복되면 동일한 효과로 축약될 수 있습니다. 예를 들어 :#FF0000은 #F00으로 쓸 수 있습니다. 단, 반복되지 않으면 축약할 수 없습니다. 예를 들어 #FC1A1B는 6자리로 채워야 합니다.

3.定义字体
web标准推荐如下字体定义方法：
body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; } 
字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体，文档将被指定为Lucida Grande。没有的话，就被指定为Verdana字体，如果也没有Verdana，就指定为Lucida字体，依此类推，； 
·Lucida Grande字体适合Mac OS X； 
·Verdana字体适合所有的Windows系统； 
·Lucida适合UNIX用户 
·"宋体"适合中文简体用户; 
如果所列出的字体都不能用，则默认的sans-serif字体能保证调用; 

4.群选择器
当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔，：
 p, td, li { font-size : 12px ; } 

5.派生选择器
可以使用派生选择器给一个元素里的子元素定义样式，例如这样：
li strong { font-style : italic; font-weight : normal；} 
就是给li下面的子元素strong定义一个斜体不加粗的样式。

6.id选择器
用CSS布局主要用层“div”来实现，而div的样式通过“id选择器”来定义。例如我们首先定义一个层

“menubar”>

그런 다음 스타일 시트에서 다음과 같이 정의합니다.
#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
여기서 " 메뉴바”는 자신이 정의한 id 이름입니다. 앞에 "#"을 추가해 주세요.
id 선택기는 파생도 지원합니다. 예:
#menubar p { text-align : right; margin-top : 10px }
이 방법은 주로 사용됩니다. 레이어와 더 복잡하고 여러 파생 요소가 있는 레이어.

7.카테고리 선택기
CSS에서 점으로 시작하는 점을 사용하여 카테고리를 표시합니다. 선택기 정의, 예:
.14px {color : #f60 ;font-size:14px ;}
페이지에서 class="카테고리 이름" 메소드 호출: 14px
글꼴 크기 이 방법은 비교적 간단하고 유연하며 페이지 필요에 따라 언제든지 생성하고 삭제할 수 있습니다.

7.

링크 스타일 정의CSS
는 네 가지 의사 클래스를 사용하여 링크 스타일을 정의합니다. 즉, a:link, a:visited, a:hover 및 a: active, 예를 들면 다음과 같습니다. a:link{font-weight : 굵은 체 ;text-장식 : 없음 ;color : #c00 ;}
a:visited {font-weight : 굵은 체 ;text-장식 : 없음 ; 색상 : #c30 ;}
a:hover {글꼴 가중치 : 굵게 ;텍스트 장식 : 밑줄 ;색상 : #f60 ;}
a:활성 {글꼴 가중치 : 굵게 ;텍스트 장식 : none ; color : #F90 ;}

위의 문은 각각 " 링크, 방문한 링크, 위에 마우스를 놓은 경우 및 마우스를 클릭한 경우를 정의합니다. " 스타일.

참고:

은 위의 순서대로 작성해야 합니다. 그렇지 않으면 예상한 것과 다르게 표시될 수 있습니다. 순서는 "LVHA"라는 점을 기억하세요.