오래된 개발자!!!

<style>
.news_text {
  background:#cdcdcd;
  opacity: 0.5;
}

.news_text:hover {
  opacity: 1.0;
}
</style>

<div class=".news_text">
오늘의 뉴스는....
</div>

div 에 투명도가 있음.

마우스 hover 되었을 때 text 가독성을 높이려고 투명도를 없애는 

효과가 필요해서 해봄....  잘됨.....

opacity 유효값이 궁금하여 검색 해봄...

http://www.w3schools.com/cssref/css3_pr_opacity.asp

Specifies the opacity. From 0.0 (fully transparent) to 1.0 (fully opaque)

0.0~1.0 까지 값을 사용.... 끝....

HTML 5에서는 HTML 4 중에서 CSS로 이용 가능한 표현 속성을 더 이상 사용하지 않습니다.

align 속성: caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead 및 tr.
alink, link, text and vlink 속성: body.
background 속성: body.
bgcolor 속성: table, tr, td, th 및 body.
border 속성: table and object.
cellpadding 및 cellspacing 속성: table.
char 및 charoff 속성: col, colgroup, tbody, td, tfoot, th, thead 및 tr.
clear 속성: br.
compact 속성: dl, menu, ol 및 ul.
frame 속성: table.
frameborder 속성: iframe.
height 속성: td 및 th.
hspace 및 vspace 속성: img 및 object.
marginheight 및 marginwidth 속성: iframe.
noshade 속성: hr.
nowrap 속성: td 및 th.
rules 속성: table.
scrolling 속성: iframe.
size 속성: hr.
type 속성: li, ol and ul.
valign 속성: col, colgroup, tbody, td, tfoot, th, thead and tr.
width 속성: hr, table, td, th, col, colgroup 및 pre.

<img > 텍스트 일 경우 img 정렬을 위해 absmiddle 태그를 많이 사용 한다.

그러나, 웹표준이 아니다.

<img src="" align="absmiddle"> 을 웹표준으로 바꾼다면

<img src="" style="vertical-align:middle"> 이다.

비표준 남발을 줄여야 한다. ㅠ.ㅠ

테이블 row 를 show , hide 시 크롬 , 사파리... 등에서 colspan 적용이 안되는것 같다.

더 기술적으로 파야하지만... 그냥 사용하자...

 function showTblrow( objname  ) {
  var a = document.getElementById( objname );
 
  // display : block 시 IE 만 적용
  // display : table-row 를 적용해야 colspan 적용이 제대로 된다.

  if ( a.style.display == "table-row" ) a.style.display = "none";
  else a.style.display = "table-row";
 }
 </script>

w3c 기술 문서에서 자세하게 나온다

http://www.w3.org/wiki/CSS/Properties/display