div와span의 사용 원칙

1410 단어
div와span의 사용 원칙: 가능한 한 손으로 쓴 코드로 학습 효율과 깊이를 높일 수 있습니다.여러분은 이 문제가 너무 간단해서 특별히 중요한 것이 없다고 느낄 수 있지만 그래도 몇 가지 구조와 이념이 관련되어 있기 때문에 말할 필요가 있다고 느낄 수 있습니다.여기서 중요한 것은 우리가 블록급 원소가 무엇인지, 내연 원소가 무엇인지 알아야 한다는 것이다. 이 두 가지 원소에 관해서는 여기서 많이 소개하지 않으니 여러분들은 상응하는 글을 참고하면 된다.블록급 요소에 대해 말하자면 이것은 웹 페이지 구조를 구축하는 임무를 맡고 있다. 예를 들어 우리는div를 사용하여 웹 사이트를 왼쪽 중오른쪽 세 개의 큰 블록으로 분할할 수 있다.한편,span은 내부 연결 요소로서 웹 구조에 영향을 주지 않으며 일반적으로span 요소를 보조로 하고 웹 내용에 CSS 스타일을 응용한다.다음 예는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>    </title>
<style type="text/css">
span 
{
  font-size:16px;
  color:red;
}
</style>
</head>
<body>
<div>
  <ul>
    <li><span>    </span>   </li>
    <li><span>    </span>   </li>
  </ul>
</div>
</body>
</html>

상기 코드에서span 라벨은 구조에 아무런 영향을 주지 않으며'개미 부락'에 스타일을 설정하기 위한 것일 뿐이다.블록급 요소는 디스플레이:inline을 적용한 후 내연 요소로 바뀌고, 내연 요소는 디스플레이:block을 적용한 후에도 블록급 요소로 바뀌며, 스파를 블록급 요소로 바꾸는 앱을 보려면 클릭하십시오.
원래 주소:http://www.softwhy.com/forum.php?mod=viewthread&tid=4754
자세한 내용은 다음을 참조하십시오.http://www.softwhy.com/divcss/
PGLoader를 사용하여 MySQL에서 PostgreSQL로 복구
ipad safari 스크롤 (overflow) 솔루션

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage