Lên trên inset CSS: Nội dung Ranking

CSS bố trí luôn luôn là hình chữ nhật. Bất kỳ đường trơn - thẩm quyền của nhà phát triển. quy tắc phong cách cung cấp đủ tùy chọn để cung cấp cho hình thức trang mịn trong độ phân giải màn hình. Nhưng bất kỳ yếu tố bố trí - nó luôn luôn là một hình chữ nhật, trong đó thông tin vị trí được điều chỉnh bởi các quy tắc của CSS.

Padding trên tất cả các bên đều quan trọng đối với tất cả các yếu tố trên trang khi nó hoàn toàn được định vị, và lề trên được xác định bởi CSS đặc biệt bởi vì nó quan trọng đối với các yếu tố khác nhau, đặc biệt là thấp hơn trường hợp là.

quy tắc định vị cơ bản

Các thành viên khối có chung xuất phát từ hai bên của các yếu tố, đó là (margin), thường thụt đầu dòng cho các yếu tố bên trong nó (đệm) và chiều rộng của khung (biên giới), mà cũng có thể được sử dụng.

Đặc biệt quan trọng là các lề trên. CSS quy tắc bên trong đơn vị kết nối các quy tắc đệm nội bộ hoàn toàn và tương đối vị trí các yếu tố bên trong khối đó.

Việc thực hành thông thường của CSS-quy tắc: bạn có thể xác định lợi nhuận trên tất cả các bên bình đẳng, theo cặp trên / dưới và trái / phải hoặc để mỗi bên riêng biệt. Ví dụ,

• margin: 10px;
• padding: 10px20px;
• padding: 10px20px30px40px.

Trong các thành viên trường hợp đầu tiên được cài đặt bù đắp từ các cạnh của thùng chứa bên ngoài, trong đó nó nằm. Trong trường hợp thứ hai bên lề trên và dưới là 10px, trái và phải - 20px. Trong trường hợp thứ ba, kích thước của đệm trên tất cả các bên: top, right, bottom và trái.

Trong tất cả những trường hợp này, CSS lề trên là 10 px.

Quy tắc thay đổi vị trí của các nguyên tố

Nếu các yếu tố bố trí không hoàn toàn vị trí, nó là trong trang mẫu đơn đặt hàng nói chung.

Nếu chúng ta xác định lề trên trong các yếu tố CSS scCurrInfo được thực hiện, và nếu ở mức độ li - không có.

Trong ví dụ này, việc sử dụng các quy tắc padding: 40px; Nó đòi hỏi quy tắc đủ làm giảm chiều rộng và chiều cao 80px. Nếu không scCurrInfo kích thước khối được ra ngoài các đơn vị bên ngoài.

Nếu bạn loại bỏ đệm khỏi quy tắc mô tả scCurrInfo, nhưng thêm nó với một giá trị của 20px trong các mô tả về phong cách mục danh sách, chỉ có lợi nhuận cao nhất. CSS không áp dụng giá trị này cho các bên khác.

Một cách tự nhiên, chẳng hạn việc sử dụng các quy tắc thụt đầu dòng áp dụng cho từng li yếu tố.

định dạng nội dung thực hành chung

Một số nhà phát triển đạt được sự hoàn hảo, dặm và một trang nửa chặn các yếu tố. Rõ ràng, đây là một thực tế cổ điển - bắt đầu với bảng và kết thúc quá trình giáo dục riêng của họ trên các khối.

Sự tự do vốn có trong cách bố trí khối, mê hoặc, và các nhà phát triển của trí tưởng tượng không thể được giới hạn ở những quy tắc nghiêm ngặt bảng chỉ đứng chỉ phản ứng tổng hợp tế bào chỉ theo chiều ngang và theo chiều dọc. Không có gì vốn có ý tưởng quan hệ.

Trong khi đó, bảng biểu, ngoài những nhược điểm rõ ràng, có nhiều lợi thế về chất lượng. Tạo một thụt đầu dòng trên đầu trang, CSS cho phép đệm ở bên trái, bên phải (từ dưới lên - đây là một khoảnh khắc đặc biệt). Quy tắc cho phép bạn kiểm soát các tế bào bảng liên kết cả hai chiều dọc và chiều ngang. Sử dụng các kiểu series, kết hợp chúng với phong cách của các tế bào có thể hình trình bày phức tạp của nội dung.

đại diện theo thói quen của một trang dưới dạng hình chữ nhật (bố trí khối) không ngăn cản nó trong một bảng. Đây cũng là một hình chữ nhật, nhưng họ cũng có một ô trong bảng, có nghĩa là, có những quy định riêng của họ, bổ sung các quy tắc của các khối.

định vị tuyệt đối

; Khối Rule position: absolute; Nó sẽ được đặt tại các vị trí được chỉ định bởi tọa độ của nó tương đối so với khối trong đó nó nằm.

Một tính năng đặc trưng của quy tắc CSS - "thực hành - những tiêu chí tốt nhất của chân lý" trong hầu hết các trường hợp, đặc biệt là nơi tương thích qua trình duyệt và bố trí được thực hiện bằng tay, tốt nhất là hướng dẫn sử dụng nghiên cứu cao cấp cho Cascading Style Sheets.

Sử dụng bảng thường dẫn đến ô vấn đề nội dung sai lệch. Một sự thay đổi tương tự trong khối ảnh hưởng đến không phải lúc nào và không cho tất cả các mặt hàng. Bằng cách thử nghiệm, bạn có thể đạt được kết quả mong muốn. nhiệm vụ tầm thường: làm thế nào để loại bỏ các lề trên, CSS không phải lúc nào giải quyết một cách tầm thường.

Trong một số trường hợp, khi nó là cần thiết để áp đặt các yếu tố trang trong nội thất của bất kỳ trang web hệ thống quản lý nội dung phổ biến, bạn nên vẫn chú ý không chỉ để thực hành thí nghiệm, mà còn để xem kinh nghiệm của các đồng nghiệp.