반응형

같은 종류의 스타일 선택자들을 공유해야 할 때 사용함.

그룹핑이 없는경우(폰트 크기만 별도로 나머지 속성은 동일 한 경우임)

.headlines{
font-family:arial; color:black; background:yellow; font-size:14pt;
}

.sublines {
font-family:arial; color:black; background:yellow; font-size:12pt;
}

.infotext {
font-family:arial; color:black; background:yellow; font-size:10pt;
}


위의 스타일 선택자들을 그룹핑 하고 폰트에 대해서는 별도로 사용하는 경우

.headlines, .sublines, .infotext {
font-family:arial; color:black; background:yellow;
}

.headlines {font-size:14pt;}
.sublines {font-size:12pt;}
.infotext {font-size: 10pt;}



이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.
반응형
저작자표시

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

단순 태그들  (0) 2010.09.06
선택자에 의존하는 문맥들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06
CLASS 선택자들 (CLASS Selectors)  (0) 2010.09.06
태그 선택자들 (TAG SELECTORS)  (0) 2010.09.06
반응형

ID 선택자들의 기본 문법이다.

#ID선택자명 {속성:값;}

예)

<HTML>
<HEAD>
<style type="text/css">
#layer1 {position:absolute; left:100;top:100; z-Index:0}
#layer2 {position:absolute; left:140;top:140; z-Index:1}
</style>
</HEAD>

<BODY>
<div ID="layer1">
<table border="1" bgcolor="#FFCC00"><tr><td>THIS IS LAYER 1<br>POSITIONED AT 100,100</td></tr></table>
</div>

<div ID="layer2">
<table border="1" bgcolor="#00CCFF"><tr><td>THIS IS LAYER 2<br>POSITIONED AT 140,140</td></tr></table>
</div>
</BODY>


</HTML>






이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.
반응형
저작자표시

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

선택자에 의존하는 문맥들  (0) 2010.09.06
그룹 선택자들  (0) 2010.09.06
CLASS 선택자들 (CLASS Selectors)  (0) 2010.09.06
태그 선택자들 (TAG SELECTORS)  (0) 2010.09.06
CSS 선택자란 ?  (0) 2010.09.06
반응형

HTML 선택자의 일반적인 문법

태그선택자명 {속성들:값;}

예:

<HTML>
<HEAD>
<style type="text/css">
B {font-family:arial; font-size:14px; color:red}
</style>

</HEAD>

<BODY>
<b>This is a customized headline style bold</b>
</BODY>

</HTML>


결과는 다음과 같다.

This is a customized headline style bold


이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.
반응형
저작자표시

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

그룹 선택자들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06
CLASS 선택자들 (CLASS Selectors)  (0) 2010.09.06
CSS 선택자란 ?  (0) 2010.09.06
CSS 란 ...  (0) 2010.09.06
반응형

선택자들은 다른 스타일들의 이름을 나타낸다.

Style에는 설정한 각 선택자들의 해야될 일이 정의되어 있다.

body 구문을 정의한 Style의 예

예)

<HTML>
<HEAD>
<style type="text/css">
B.headline {color:red; font-size:22px; font-family:arial; text-decoration:underline}
</style>

</HEAD>

<BODY>
<b>This is normal bold</b><br>
<b class="headline">This is headline style bold</b>
</BODY>

</HTML>



이경우에는 B.headline이 선택자이다.

결과는 다음과 같다.

This is normal bold
This is headline style bold


이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.
반응형
저작자표시

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

그룹 선택자들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06
CLASS 선택자들 (CLASS Selectors)  (0) 2010.09.06
태그 선택자들 (TAG SELECTORS)  (0) 2010.09.06
CSS 란 ...  (0) 2010.09.06

+ Recent posts

티스토리툴바