CSS Effects: góc tròn của các yếu tố

Cú pháp của Cascading Style Sheets được thiết kế để đơn giản là khả năng thu được các thiết kế bất ngờ nhất là có sẵn ngay cả xa lập trình và sự phát triển của các trang web con người. Có lẽ thực tế là trẻ em chơi với các khối còn lại trong ký ức của mọi người, sử dụng kinh nghiệm nhiều mặt trong HTML, CSS rất dễ dàng.

Tuy nhiên, các chương trình hiện nay vẫn còn rất xa trình bày công trình xây dựng về thực tại. Cho đến bây giờ, bất kỳ khu vực (chiếm những gì bạn thích yếu tố khối) trong bất kỳ ý nghĩa của nó và việc bổ nhiệm chính thức của một hình chữ nhật, được hình thành trong đường cong đường viền mong muốn.

Cho đến bây giờ, bất kỳ vòng tròn, làm tròn bán kính, làm thế nào một thẳng cong và vân vân. P. Mô tả các phương trình phức tạp toán học hoặc hình khối rất nhỏ, hình thang, hình tam giác hoặc các yếu tố thẳng khác mà phân biệt được bằng mắt như là một điểm trên đường dây.

thiết kế Ngay Classic

Nó không phải là đáng ngạc nhiên rằng tiến bộ trong lĩnh vực công nghệ lập trình và thông tin hợp pháp hoá thiết kế hình chữ nhật. ý tưởng sáng tạo không lãng phí thời gian vào một hình dạng tròn, nhưng đừng quên để trình bày thuộc quyền sử dụng của đủ các tính năng phát triển và các quy tắc thẻ HTML, CSS và ngôn ngữ lập trình có liên quan.

Bất kỳ yếu tố được sử dụng trên trang này là một khu vực hình chữ nhật, trong đó nó được phân bổ một số bộ phận, trong đó trong từng trường hợp nên được sử dụng chỉ cần xem xét yêu cầu krossbrauzernosti tính năng đánh dấu nội dung cụ thể có sẵn công trình xây dựng cú pháp.

Quy tắc chung cho CSS

Cascading Style Sheets cung cấp để mô tả các yếu tố như sau:

• bất động sản: giá trị.

Trong trường hợp này, bất động sản - tên cụ thể và giá trị có thể là một tên hoặc một danh sách các tên hoặc giá trị.

Về các yếu tố khối và sự cần thiết phải làm qua CSS góc tròn, nó làm cho tinh thần để sử dụng thuộc tính border-radius và giá trị của nó theo định dạng "38px" hoặc "8px 16px 24px 38px".

Nếu giá trị đưa ra bởi một số duy nhất, nó sẽ được thiết lập cho những cho mọi góc độ. Ghi lại tất cả bốn giá trị là:

• Số đầu tiên - để góc trên bên trái;
• thứ hai - để phía trên bên phải;
• thứ ba - để phía dưới bên phải;
• mới nhất - để phía dưới bên trái.

Chia sẻ một số các quy tắc

biên giới khái niệm, hình ảnh và nền có thể được sử dụng cùng nhau. Đây là điều bình thường, và đề cập đến nguyên tắc không can thiệp với nhau, tạo thành các thành phần tổng thể. Điều quan trọng - để giải thích cho thực tế là tên của mỗi người trong số họ đại diện, và làm thế nào nó được áp dụng.

Trước khi thực hiện điều này hoặc yếu tố đó, điều quan trọng là tiến hành một số thí nghiệm và công việc thử nghiệm trên nhiều trình duyệt. Định hướng cho lời khuyên, gợi, ví dụ về các bên thứ ba hoặc cú pháp CSS, góc được làm tròn, và vân vân. N. là hiếm khi tốt hơn so với thực tế tươi của riêng mình.

Điều quan trọng là phải hiểu rằng biên giới, hình ảnh, về góc độ thiết kế - cùng loại của các khái niệm. Vẽ thể được trình bày không png-format. Ông sẽ được cắt bỏ bởi trình duyệt, theo các quy tắc thành lập trong CSS. góc tròn - nhà phát triển quan tâm, bất kể góc vuông của vật liệu nguồn.

Tính năng HTML, CSS từ các trình duyệt

Chào mừng bạn ghi Phong cách bán buôn - cho tất cả các trình duyệt cùng một lúc. Dù sao ví dụ cổ điển về chủ đề "CSS: góc tròn" cung cấp để viết như vậy:

background: # FF7F00; / * Bối cảnh * /

border: 1px #CCCCCC rắn; / * Border * /

moz-border-radius: 10px; / * CSS làm tròn góc cho Mozilla Firefox * /

-webkit-border-radius: 10px; / * ... cho Safari và Chrome * /

-khtml-border-radius: 10px; / * ... Konquerer * /

border-radius: 10px; / * CSS làm tròn góc cho tất cả * / và vân vân. N.

Tuy nhiên, trong nhiều trường hợp nó là đủ để xác định quy tắc cuối cùng. Redundancy nên được sử dụng chỉ khi có một nhu cầu thực sự.

bảng cổ điển và tuyệt vời

Mặc dù nhiều bố cục tranh cãi ủng hộ bảng (tr, td) và tùy chọn sử dụng thẻ div và span ( «diệu" bố trí), mục tiêu thực tế ưa chuộng lựa chọn hợp lý cần thiết.

Trong divs có một số nhân phẩm trong các bảng khác. Nếu họ không bổ sung cho nhau, và chỉ cạnh tranh, vấn đề sẽ nhanh chóng bốc hơi trong một phiên bản kết hợp các khía cạnh tốt nhất của các bảng và các div.

Hầu hết các trang web được tạo bằng cách sử dụng CMS (hệ thống quản lý nội dung), và trong việc xử lý các nhà phát triển đến không chỉ là một loạt các tập dữ liệu "khổng lồ" của hàng trăm thư mục, các đối tượng, mà còn bảng.

Tag [div | tuổi], như vậy, không nổi bật, nhưng điều duy nhất mà đến chính xác ở lòng thương xót hoàn toàn của các nhà phát triển - một kiểu CSS. Và bất kỳ CMS tách rõ mã, một phần của nó từ sự sáng tạo của nhà phát triển và phong cách riêng của họ về phong cách thêm vào, và trong trường hợp thay đổi (ví dụ, css - làm tròn các góc của bảng), bạn luôn có thể khôi phục lại các thiết lập và phong cách mặc định.

Đường cong và góc không nằm trong cú pháp

Bạn Nghiêm có thể tuân thủ tất cả các quy tắc của HTML, CSS, nhưng để có kết quả là, họ không được cung cấp. Chồng yếu tố với nhau, người ta có thể lấy bất cứ khu vực của bất kỳ cấu hình. Sử dụng PHP phát triển trên máy chủ, bạn có thể gửi đến trình duyệt của khách truy cập và bất kỳ tập tin kiểu để đính kèm cho họ mã JavaScript thích hợp trong cơ thể của HTML-file hoặc một js-file riêng biệt.

Bất kỳ biến mạch, bất kỳ hình thức yếu tố tài sản là quy tắc CSS! góc tròn - chỉ đơn thuần nói riêng, và các cơ hội thực sự là rộng hơn nhiều. Trong trường hợp này, lập trình đối tượng của riêng bạn, bạn có thể không chú ý đến các đặc điểm của các trình duyệt cá nhân, chỉ sử dụng các thẻ và cấu trúc của ngôn ngữ siêu văn bản, được cảm nhận của tất cả, không có trình duyệt ngoại lệ.

Sử dụng ý tưởng về lập trình hướng đối tượng, bạn có thể thiết kế giao diện của một góc hoặc một đường cong rõ ràng không lường trước được bởi bất kỳ hình thức trình duyệt. Trong trường hợp này, nó không phải là cần thiết rằng đây sẽ là góc của khu vực, mà ban đầu là một hình chữ nhật. Điều quan trọng là các thành phần của đường cong được mô tả trong các hình thức quy tắc CSS, kết hợp thành một hình ảnh mã đối tượng đơn JavaScript và vào đúng thời điểm trong trình duyệt đúng nơi, phản ánh bản thân theo hình thức chính xác.

Công nghệ này không can thiệp với các đối tượng như vậy để nhận ra chính mình trong một mặt phẳng hoặc hiển thị hình ảnh động ba chiều.