@interface TableTestViewController : UIViewController <UITableViewDelegate , UITableViewDataSource>{

 NSArray *listData;  //테이블뷰에 들어갈 테이타를 저장 할  배열 변수  선언
} 

@property (nonatomic, retain) NSArray *listData; 
@end

@implementation TableTestViewController

@synthesize listData;  //앞에서 선언한거 synthesize 해주고요

//처음 동작할때 로드되는 부분입니다.  저희는 배열에 데이타를 넣는 작업을 했습니다.
- (void)viewDidLoad {
 NSArray *array = [[NSArray alloc] initWithObjects:@"AAAA",@"BBBBB",@"CCCCCC",@"DDDDDD",nil];
 
 self.listData = array;
 [array release];  //선언된 변수 초기화
 
    [super viewDidLoad];
}

- (void)didReceiveMemoryWarning {
 // Releases the view if it doesn't have a superview.
    [super didReceiveMemoryWarning];
 
 // Release any cached data, images, etc that aren't in use.
}

- (void)viewDidUnload {
 // Release any retained subviews of the main view.
 // e.g. self.myOutlet = nil;
 
 self.listData = nil;
 
}

//여기가 본격적인  테이블뷰 코딩 작업입니다.
#pragma mark Table view methods

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return 1;   //테이블 그룹갯수를 리턴합니다. 저희는 테이블이 따로 그룹이 필요없고 한개만 될 것이기 때문에 1 적어주시고
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return [self.listData count];   //데이타 갯수를 리턴합니다. 배열의 갯수를 리턴합니다.
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
   
    static NSString *CellIdentifier = @"Cell";
   
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        // 셀 스타일을 정하는 구간입니다. 빨간색 부분을  UITableViewCellStyleValue1 / UITableViewCellStyleValue2 / UITableViewCellStyleSubtitle / UITableViewCellStyleDefault  이렇게 4가지 방식으로 바까보세요 셀 형식이 바뀌는걸 보실수 있으실 겁니다 
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier] autorelease];
    }
   
 NSUInteger row = [indexPath row];  
 cell.textLabel.text = [listData objectAtIndex:row];     //로우 indexPath와 배열 index와 매칭시켜서 값을 집어넣어요
 cell.detailTextLabel.text = @"서브텍스트";    //서브텍스트라벨에 글자를 집어넣습니다.
 
 cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;   //테이블 뷰 옆에  [>] 이런 화살표 이미지가 이 옵션으로 생깁니다. 필요 없으신 분은 삭제 하셔도 무방하세요~
    return cell;
}

- (void)dealloc {
 [listData release];
    [super dealloc];
}

@end

형식은
요소명 {속성 : 값;} = p {color:red;} = h1 {font-size:20px;}

위와같이 xhtml 모든요소는 선택자로 사용할 수 있습니다.

2. 전체 선택자
선택자에 아스테리스크(*)를 기술하여 모든 요소에 스타일을 지정되게하는것입니다.
모든요소에 적용되는 것인만큼 변동사항이 없을때 쓰면되지만, 로딩속도가 쫌 저하된다고하네욤.
형식은
요소명 {속성 : 값;} = * {margin:0; padding;0;}

3. CLASS선택자와 ID선택자 (중요)
xhtml요소에 class 혹은 id값이 부여된 경우 해당 요소로 바로접근이 가능하지요.
id선택자는 유일한 요소에 접근할때 쓰고, #으로 id값을 나타내조 (#name)
class선택자는 여러번 사용이 가능하고, 여러요소를 한꺼번에 선택하여 일관된 스타일을 지정할때 유용합니다.
.클래스명 (.name)

<style type="text/css">
  p.note {color:blue;} = .note {color:blue;}
</style>
<p class="sample">요소(p)를 생략하고 바로 클래스명(.sample)을 써도 됩니다용.</p>
유용하고도 중요한 기능이나 크게 어려운건 없죠~

4. 속성(Attribute)선택자
어떤 표현을 위해 구지 더미태크를 쓰지않고도 표현할 수 있다는 점에서 유용한듯합니다.
하지만, 이 방식은 ie6과 기타 구버전 브라우저에서 지원을 하지않습니다.

요소명[속성명="속성값"] {속성 : 값;}
a[href^="http"] {background-color:red;}

<style type="text/css">
  a[href^="http://"] {font-size:22px;}
</style>
a 요소 중에 href 속성의 값이 "http://"로 시작하는 요소만 font-size를 22px로 크게 보여달라는 뜻이예욤.

<ul>
 <li><a href="#test.html">속성선택자 테스트</a></li>
 <li><a href="http://www.css3.com/">속성선택자 테스트</a></li>
</ul>
위 게시글 중 아래글자만 22px로 커지겠죠.

나머지는 다음페이지로~