CSS Box: ngẫu hứng và hiệu quả

cascading style sheets (CSS) cho tất cả đơn giản logic của nó làm cho nó có thể không chỉ để tạo ra một giải pháp thiết kế đẹp mắt, mà còn cung cấp các yếu tố của hành động thực tế, để thi đua thực hiện các mã thực tế.

Bất kỳ hình ảnh tag HTML đánh dấu - một khu vực hình chữ nhật của một cấu trúc và nội dung cụ thể. Các yếu tố này bao gồm một dấu hiệu của các tọa độ, kích thước, đệm, màu sắc, font chữ, kiểu chữ, và Frame CSS phần tử vv. Chỉ rõ chúng khu vực bị chiếm đóng, được đặt vào bên trong từ ranh giới của nó trên được chỉ định trong tài liệu này chiều rộng.

Mô tả cú pháp

LĨNH VỰC yếu tố vị trí quy định tọa độ tương đối so với góc trên bên trái của trang (left, top), kích thước theo các hướng ngang và dọc (chiều rộng, chiều cao). Tất cả các yếu tố thiết kế và hình ảnh động được thực hiện theo cặp "bất động sản: giá trị".

Mô tả được thực hiện trực tiếp trong mã trang để chèn kiểu hoặc trong một file riêng biệt, chỉ vào ông LINK tham khảo. cú pháp:

#name {property: value; bất động sản: giá trị; bất động sản: giá trị; ...}

hoặc

.name {property: value; bất động sản: giá trị; bất động sản: giá trị; ...}

Tên cũng có thể là p, cơ thể, html, bảng, td ..., đó là tên của tag HTML đánh dấu. Có thể được kết nối trực tiếp với các mô tả về các yếu tố phong cách.

Trước khi bạn tạo nên phong cách viết của riêng tôi, không làm tổn thương để xem cách nó được thực hiện trên các trang web phổ biến, giữ mã trang, hoặc bằng cách nhấn tổ hợp phím Ctrl-U để xem nó trực tiếp trong trình duyệt.

Các thông số chính

phong cách thực sự yếu tố khung CSS đại diện (border-style), màu sắc (border-color), chiều rộng (biên giới-width). Tất cả đều có thể được tóm gọn trong một thuộc - biên giới. Bạn có thể mô tả từng biên giới khung một cách độc lập (border-top, border-bottom, border-left, border-right).

khung CSS được mô tả bởi các quy tắc chung của cascading style sheets:

border: 3px;
border-color: red;
border-style: double tan rắn rải rác.

Mô tả này đặt chiều rộng biên giới của 3 pixel, màu sắc - bên đỏ, phong cách: phía trên của đôi, đúng - tiêu tan, đáy rắn, trái - điểm.

biên giới-width: 1px 2px 4px 8px;
border-color: blue;
border-style: say mê.

Ở đây, kích thước của mỗi bên cũng theo tuần tự từ đầu, chiều kim đồng hồ, màu sắc - màu xanh, và phong cách - Spot.

border-color: màu xanh đỏ xanh đen;

trong đặc tả này, cá nhân quy định màu sắc trên mỗi bên. tài sản biên giới có thể bao gồm nhiều thông số, và các góc của khung có thể vòng:

border: 1px xanh rắn;
border-radius: 0px 4px 8px 12px;
moz-border-radius: 0px 4px 8px 12px;
-webkit-border-radius: 0px 4px 8px 12px;

Về cách làm cho khung trong CSS, nó phụ thuộc vào khả năng sử dụng của khách truy cập, vì thường ảnh hưởng phong cách được sử dụng cho các mục đích kỹ thuật, khi điều quan trọng là để cho thấy vị trí chính xác và kích thước của vùng trên trang.

Độ dày của khung và mục đích của nó

Bằng cách lựa chọn độ dày của khung hình, bạn có thể sử dụng px, pt, em ..., nhưng nó phải được lưu ý rằng nó luôn luôn nằm trong yếu tố lĩnh vực. Rất khó để giả định rằng khung có một mục đích thiết kế CSS, nhưng về mặt kỹ thuật nó là rất hữu ích để làm nổi bật các yếu tố của trang.

Nếu lớp khung chính bị khóa, có nghĩa là vắng mặt, bằng cách xác định nó trong pseudo-class: hover, nó có thể được hiển thị cho khách truy cập của phần tử trang, khi nó là con trỏ chuột, chẳng hạn như làm nổi bật một mục trình đơn. Đôi khi nó là cần thiết để chọn một cái gì đó bằng cách nhấp vào hình ảnh, hoặc kéo một cái gì đó ở đâu đó. Nó rất thuận tiện để sử dụng dot khung, chứ không phải để thay đổi nền của phần tử hoặc nội dung của nó.

Một số ứng dụng đòi hỏi việc phân bổ các vùng của trang, hoặc chọn các mục để chế biến tiếp. Trong trường hợp này, tại thời điểm nhấp chuột để tạo ra một div với một biên giới và chừng nào người truy cập không thả nút chuột, thay đổi kích thước, thể hiện trực quan kết quả của sự lựa chọn.

bên ngoài dưới

CSS hướng dẫn là rất thú vị, như là tầm quan trọng của nghiên cứu mã trang của trang web phổ biến. Tuy nhiên, các nguồn lực riêng phải là duy nhất, nó phải có khuôn mặt riêng của mình.

Cung cấp cú pháp của khung CSS không đưa ra nhiều ví dụ, như sáng kiến riêng của mình. Ngẫu hứng - một khởi đầu tuyệt vời, và không có gì ngăn cản một nhà phát triển để xây dựng khung riêng của họ. Đặc biệt với tất cả những thành tựu của công nghệ Internet và khả năng của tiêu chuẩn hiện có nhiều ý tưởng đầy hứa hẹn dựa trên khuyết điểm thực sự của cú pháp hiện hành, đó là (theo định nghĩa) luôn luôn là một nghiêm trọng.

Đặc biệt, nếu và thiết lập phạm vi của một số yếu tố, có vẻ như thích hợp để làm như vậy một cách toàn diện. Nêu bật thẻ cá nhân trong các cạnh và góc của một khu vực, bạn có thể tạo những hiệu ứng tuyệt vời. Một gán bộ xử lý tương ứng, có thể tạo ra các yếu tố trang năng động, thay đổi vị trí, hình dạng và nội dung.