Khoảng cách CSS

<span> các phần tử là một phần tử HTML chung tương tự như <div> . Nếu bạn nhớ lại, div là một vùng chứa chung chủ yếu được sử dụng cho bố cục của trang web và chiếm nhiều dung lượng nhất có thể vì chúng là một khối yếu tố.

Các nhịp là một nội tuyến yếu tố. Chúng chỉ chiếm nhiều không gian khi cần thiết và chủ yếu được sử dụng để nhấn mạnh điều gì đó.

Dưới đây là hình ảnh đại diện của từng loại:

          
 Khối 
 
 Tôi là div 
 
 Tôi chiếm nhiều dung lượng nhất có thể 
 
 Khoảng cách 
  Tôi là span   Tôi chỉ chiếm đúng bao nhiêu dung lượng tôi cần.   Tôi nhấn mạnh vào văn bản rất nhiều.  
  Các nhịp có thể đi vào bên trong div ...  

 ... có kiểu khác với văn bản khác ... 
  ... và là các phần tử nội tuyến không thể thao tác chiều cao hoặc chiều rộng trừ khi bạn đặt  display:inline-block   
    

 Chúng tôi sử dụng các lớp để nhóm các nhịp và các div lại với nhau để thay đổi màu sắc và màu nền trong CSS. Hãy nhớ rằng chiều cao hoặc chiều rộng trên các nhịp không thể thay đổi trừ khi bạn thêm display: inline-block bất động sản. 
 
 

 Dưới đây là giao diện khi họ làm việc cùng nhau:
 
          
 Sử dụng các Div và Spans cùng nhau:
 
 
 Div 1:Vùng chứa tổng thể chính 
 
 
 Div 1a:Header 
 

 Các đơn vị có thể tạo các hộp cho bố cục web 
 
 
 

 Div 1b:Thanh bên-Nội dung chính 
 
 
  Div 1b.1   Vùng chứa thanh bên  
 
  Div 1b.2   Vùng chứa chính  
 
 Con 1 1b.2.1 
 
 Con 2 1b.2.2 
 
 
 
 
  Footer   Vùng chứa   Tới đây  
 
 
   
 

 Các nhịp và div hoạt động cùng với các phần tử HTML khác để tạo ra các khối xây dựng cơ bản của trang web của bạn. Các nhịp có thể được tạo kiểu riêng biệt với các div của bạn để tạo điểm nhấn.