반응형


진하게 효과와 이탤릭(기울임) 효과를 줄때 다음과 같이 사용한다.

 <i><b>example</b></i>

문법
일반적인 <B> 태그에 대해 다음과 같이 추가하지 말길...(기존 style을 재정의 함으로써 혼란을 유발...)
 B {font-size:16px}

선택자에 의존하는 문맥을 추가할 때는 다음과 같이 사용한다.
 I B {font-size:16px;}

I와 B의 공간을 분리함으로써 표현함.

I B 형태로 선언하는 경우
테스트 문자 -> <I B>테스트 문자</I B>
테스트 문자 -> <B>테스트 문자</B>


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

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

Single PAGE (한 페이지 적용)  (0) 2010.09.06
단순 태그들  (0) 2010.09.06
그룹 선택자들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06
CLASS 선택자들 (CLASS Selectors)  (0) 2010.09.06
반응형

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

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

.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
반응형

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

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

티스토리툴바