*css선택자의 3가지 종류 알아보기
<style type="text/css"> //css스타일 시작
body{
font-family:"맑은 고딕"; //글자체
font-size:14px; //글자크기
color:#00ff00; //글자색
}
*css로 td 꾸미기(1)
td{
color:#0000ff; //td색깔
border-width:3px; //테두리너비
border-color:#0000ff; //테두리색깔
border-style:solid; //이거 안적어주면 table테두리가 안보임.
width:150px;
background-color:#00ff00;
padding:15px;
}
table 꾸미기 - 1
table{
border:10px #0000ff solid; //테두리 보이기
}
table 꾸미기 - 2
table{
border:10px #0000ff dashed; //점선으로 보이기
}
태그선택자{속성:값;}-- 값이 두개 이상일때 "값"이렇게 묶어줌
선택자의 경우 띄어쓰기가 있을때 -로 연결을 해서 붙여준다. 값에 띄어쓰
기가 있을때는 ""로 묶는다.
선택자는
1.태그선택자
2.아이디선택자
3.클래스선택자 이렇게 세가지이고
가장 강력한건 클래스 선택자이다. 아이디 선택자는 큰 배치영역을 css로
할때는 앞에 #을 붙인다. 클래스 선택자는 세밀하고 작은 부분에 줄때 앞
에 .을 붙인다.
#aaa{font-family:"맑은 고딕";} <-- 아이디 선택자
.bbb{font-family:"맑은 고딕";} <-- 클래스 선택자
td{ <!태그선택자>} <-- 태그 선택자
최종 적용
전체 소스
'N스크린하이브리드앱과정 > HTML&CSS' 카테고리의 다른 글
| [2주][4일][1~2교시] CSS: 가상선택자. 롤오버효과, 하이퍼링크 등 (0) | 2013.07.25 |
|---|---|
| [2주][3일] 웹표준: market.html에 css 스타일 적용하기 (0) | 2013.07.24 |
| [2주][2일차]웹표준 (0) | 2013.07.23 |
| [2주][1일차] 웹표준: 프레임셋 만들기 (0) | 2013.07.22 |
| [5일차] 웹표준 HTML: 멀티미디어 파일 삽입 (0) | 2013.07.19 |