CSS: hover. hover tác dụng ban đầu

Hoàn toàn mới là ý tưởng để chia việc trình bày thông tin từ mã nó tạo ra và xử lý. Đó là một quyết định mạnh mẽ trong thời gian do, nhưng lần này đã không được công nhận sau đó hoàn toàn. Khi lập trình được tách ra từ một máy tính duy nhất, nhưng không giành chiến thắng trong mạng cục bộ hoặc một vùng miền duy nhất, và ngay lập tức lan truyền khắp nơi, nhưng sau đó nó trở nên rõ ràng rằng việc cung cấp thông tin (về thiết kế) và làm việc với nó (về code) - hai bên trong cùng mặt phẳng.

Ba khía cạnh của tòa nhà trang web

Từ quan điểm chính thức của xem, có ba thành phần chính (trong cú pháp guises khác nhau) tạo nên trang web: PHP-mã, JavaScript mã và mô tả về phong cách CSS. Nó không quan trọng như thế nào nó được sử dụng và những gì phiên bản của một thành phần đặc biệt, những gì phiên bản của HTML được sử dụng và những gì phiên bản của trình duyệt là giá trị nó. Tương thích hiện nay không được tổ chức tại trọng cao, bởi vì tại bất kỳ thời điểm nào là quá hạn: đó là mã hóa và rằng những gì được mã hóa, có thể được hiển thị và thực thi.

Nếu trước đây đã chiến đấu cho ý tưởng của ngôn ngữ, bây giờ để chiến đấu trong vô vọng thích các nhà sản xuất tiêu chuẩn trong lĩnh vực Internet công nghệ và trình duyệt.

Tư nhân và công cộng

Các phương tiện mà truy cập vào Internet, rất nhiều (máy tính, máy tính xách tay, máy tính bảng, điện thoại thông minh), trình duyệt cũng vậy, rất nhiều. Không có đảm bảo rằng thiết bị cá nhân sẽ hiển thị các trang web dưới dạng mà nó được tạo ra bởi một nhà phát triển. Phải lúc nào cũng đạt được mục tiêu nỗ lực cuối cùng, và cung cấp một thiết kế web thống nhất có nhiều mặt, đó là bản chất của màn hình thống nhất, bất cứ nơi nào nó có thể được mở ra cho khách truy cập.

Chia sẻ riêng tư và công cộng, sử dụng sau này chỉ những gì hoạt động, bạn có thể đạt được tiến bộ đáng kể trong thiết kế. Làm đẹp, khoảnh khắc nghệ thuật và thiết kế web - sản nghiệp của các chuyên gia và tài năng có liên quan. CSS - một mã số, mặc dù rất kỳ dị. mối quan tâm của mình để mô tả phong cách (tùy chọn hiển thị). Với sự ra đời của các thiết bị di động CSS để nạp mã hóa thực tế của các truy vấn phương tiện truyền thông. Vì vậy mà các lựa chọn tái hôn nhân giữa thiết kế và mã - nó không phải là quá phi thực tế vì nó có thể có vẻ chỉ là một vài năm trước đây.

Các nhà phát triển tham gia vào sự phát triển CSS-phong cách dựa trên kinh nghiệm cá nhân của bạn và chứng minh những kiểu dáng CSS mà làm việc trên hầu hết các trình duyệt đáp ứng hầu hết du khách. tối thiểu đầu tiên và thứ hai nên được sử dụng càng nhiều càng tốt, sau đó nhiều khả năng để có được một kết quả làm việc hầu như bất cứ nơi nào, bất cứ lúc nào.

Nguyên tắc đầu tiên: Chuẩn hy vọng, nhưng cũng có những người giúp mình

CSS: hover - khi chuột là "biến mất" trên trang mục. Khi mouse click lên một phần tử, nó sẽ được kích hoạt, nhưng khi con trỏ đi sang một bên, nó có thể thay đổi một lần nữa, và thể hiện mình trong trạng thái hoạt động. ": Di chuột", "hoạt động" và "viếng thăm" - những giả lớp phổ biến nhất trong các mô tả về phong cách.

Nó rất thuận tiện trong mã trang web của bạn không phải lo lắng về những chuyện lặt vặt như sự di chuyển của chuột trên các yếu tố. Cung cấp trong bảng mô tả hai mô tả về phong cách:

yếu tố {

màu: đen;

}

yếu tố: hover {

màu: trắng;

background-color: màu xanh lá cây;

}

Lấy khi bạn di chuột trên phần tử tự động thay đổi màu sắc văn bản từ màu đen sang màu trắng, và thay đổi hình nền của nguyên tố này sang xanh lá cây. Giả có thể được áp dụng cho bất kỳ yếu tố và đạt được một loạt các hiệu ứng hình ảnh.

Nguyên tắc thứ hai: tiêu chuẩn tin cậy, được hướng dẫn bởi mã của nó

Tất cả mọi thứ sẽ ổn nếu tiến bộ vẫn ở máy tính và máy tính xách tay trang bị vũ khí, và tiến bộ trong thông tin di động đã không dẫn đến sự xuất hiện của điện thoại thông minh, máy tính bảng và các thiết bị di động khác kết nối một thiết bị như vậy là rất có vấn đề.

Mặt khác, chỉ có trang bị tiện ích đặc biệt màn hình cảm ứng đã có sẵn trực tiếp thao tác ngón tay của bạn trên màn hình cảm ứng, vì nó đã trở thành phong tục để điện thoại thông minh, máy tính bảng và các thiết bị tương tự.

Có sự khác biệt đáng kể và: hover làm việc ở đây không phải là chúng tôi muốn. Không có mã không thể làm, và việc sử dụng các phương tiện truyền thông truy vấn không quyết định tất cả các câu hỏi.

Khả năng tương thích - quá đắt trong thế giới ngày nay thông tin, do đó, để đảm bảo chức năng thích hợp của trang web trong các yêu cầu quy định cho thiết kế web và thực hiện một chức năng, tốt nhất là hướng dẫn bởi tối thiểu các trường hợp sử dụng cần thiết: di chuột CSS, CSS hover tập trung, di chuột CSS hoạt động (truy cập) . Mã hơn (như trong trình duyệt và trên máy chủ) sẽ giám sát thiết kế web thì càng tốt. Chương trình này - là sự kiểm soát, nó là tốt hơn khi kiểm soát này không phải dành cho thuê trên lòng thương xót của các tiêu chuẩn hiện hành, mà thường xuyên không biết những gì mong đợi.

Nút và các yếu tố khác của trang

Hover button CSS - một giải pháp tuyệt vời, nhưng về lâu dài, mỗi phần tử trang là "nút". trang web phải được chủ yếu sống và nếu mã không được xây dựng, nếu nhiệm vụ là tạo ra một trang web phát triển quy mô và hành vi dựa trên hành vi người truy cập đầy đủ, sau đó ít nhất bằng CSS-phong cách có thể cung cấp các yếu tố trang sức sống.

Sử dụng di chuột tác dụng thuận tiện. Với sự giúp đỡ của họ, bạn có thể dễ dàng cung cấp cho sức sống các trang của bạn, nhưng mã không biết những gì làm cho một con chuột trên màn hình, nếu nó không phải là có thể theo dõi chuyển động của nó. Từ quan điểm này, có nghĩa là, khi phong trào kiểm soát mã chuột (= chuyển động của một ngón tay trên một điện thoại thông minh), nó độc lập có thể đánh dấu một mục hoặc để chuyển đổi nó. Nó không có gì để làm với pseudo-lớp học, nhưng cung cấp cho toàn quyền kiểm soát các trang xuất hiện mã, để hiển thị đầy đủ nó trên các thiết bị khác nhau trong các trình duyệt khác nhau.

Cạm bẫy trong stylesheets

Để nói rằng các tiêu chuẩn trong lĩnh vực của phong cách CSS không biết những gì họ đang làm, nó là không thể, nhưng để nói rằng họ hoàn toàn hợp tác với các tiêu chuẩn khác trong lĩnh vực lập trình internet cũng là bất khả thi.

Styles và pseudo-classes có thể được mô tả ở giai đoạn mã hóa trang, khi máy chủ tạo ra một trang và động lực đã được bên trong trình duyệt, bạn có thể dễ dàng tạo ra một phong cách mới và thay đổi hiện có.

Sử dụng AJAX, khi không có nhu cầu để tái tạo các trang để hiển thị đối phó với các hành động của khách truy cập, và nó là đủ để thay đổi một mục hoặc nhiều chi tiết bổ sung thêm một chút "hạt tiêu". "Hữu nghị" mã - đó là đã có trong trình duyệt (JavaScript) và thực tế là máy chủ (PHP) - sản nghiệp của (lập trình viên) trang web của tác giả.

Về cách các thuật toán của tương tác này sẽ được thực hiện, phụ thuộc đáng kể không chỉ được trưng bày trên trang của các yếu tố của nó, mà còn nhận thức của họ mã hơn nữa. Đơn giản chỉ cần đặt, các giả (đặc biệt) là rất tốt cho tĩnh, giống như cho du thuyền buồm ở vùng biển rõ ràng với một làn gió nhẹ - mọi thứ đều rõ ràng, dễ tiếp cận và dễ quản lý. Nếu những thay đổi thời tiết, hoặc khi gió mạnh, hoặc sẽ làm cho khách truy cập một tình huống bất ngờ, bạn có thể nhanh chóng đi xuống trên các rạn san hô và mất khách truy cập.

Standard và cuộc ganh đua với

Phong cách CSS di chuột có thể được mô phỏng qua JavaScript, thông qua việc sử dụng các onmouseover và onmouseout sự kiện. Thường thì điều này tất cả kết thúc. Từ góc độ của cảm giác chung khi nói đến việc tạo ra trang web làm việc thực tế, nó là tốt hơn để giữ quyền kiểm soát trong tay của họ, hơn là đưa nó vào lòng thương xót của các tiêu chuẩn thần thoại rằng thay đổi là ý chí và nguyện vọng của các nhà phát triển.

Đôi khi bạn có thể đọc một cái gì đó như thế nào, "Tính năng này có sẵn ngay cả trong IE», nhưng nhiều hơn có thể được đọc về những gì phong cách được coi mô tả một trình duyệt cụ thể. ít nhiều có thể tìm hiểu về cách là JavaScript khác nhau trong các trình duyệt khác nhau.

Đánh giá kinh nghiệm, chiêm ngưỡng các tính năng "Chrome" và "Opera", chỉ trích sự chậm chạp và quán tính của các trình duyệt từ nhà sản xuất (của không thể nào quên, thân thiết với IE từ "Microsoft" bất kỳ lập trình viên: "Ưu điểm Internet Explorer cũ không nguyền rủa chỉ lười biếng hoặc bất cứ ai trên máy tính. chỉ biết làm thế nào để chơi "Solitaire", "- dẫn lời một Internet tác giả vô danh), nên theo giá trị trung bình bằng vàng: sử dụng những gì làm việc ở khắp mọi nơi và mọi lúc.

Mọi người cần công cụ để làm việc khi họ cần để có được cảm giác mạnh, họ thường đi đến cơ quan đăng ký hoặc các rạp chiếu phim, nhưng không Internet.

Thi đua và kiểm soát

Trước đây, khi lập trình là nhận được trên đôi chân của mình, đó là phong tục để nghe người cao niên và viết một cách chính xác. Hôm nay có quá nhiều người cao niên, quá nhanh tất cả mọi thứ đang thay đổi, và nếu bạn lắng nghe tất cả các thời gian là không đủ ngay cả đối với một công việc rất đơn giản, tại khu vực chức năng tối thiểu.

Lập trình - chủ yếu là một điều khiển, và trong trường hợp khi các bộ thiên vị tiêu chuẩn quy định, hoặc bạn có thể mong đợi một sự thay đổi mạnh quy tắc, thanh lý của nó và sự xuất hiện của các mới, giải pháp tốt nhất luôn luôn là không thực hiện bất kỳ quyết định, và thực hiện các chức năng trang web yêu cầu nhỏ nhất có thể, nhưng thực sự đang làm việc .