Trang Chủ Xã hội Truyền thông Danh sách và các tính năng mở rộng của Cascading Style Sheets (CSS) - núm vú

Danh sách và các tính năng mở rộng của Cascading Style Sheets (CSS) - núm vú

Video: #8 Thẻ ảnh trong HTML 2025

Video: #8 Thẻ ảnh trong HTML 2025
Anonim

Danh sách được tạo kiểu với các tờ kiểu xếp tầng (CSS) mạnh mẽ hơn nhiều so với các danh sách theo kiểu định dạng HTML danh sách chuẩn. Với CSS, bạn có thể dễ dàng lựa chọn loại danh sách cho cả danh sách được đánh số và đống, đặt vị trí các viên đạn tương đối với nội dung trong danh sách và thậm chí chọn sử dụng đồ hoạ của riêng bạn cho hình ảnh đạn.

list-style-type: Đối với các danh sách được sắp xếp, thiết lập kiểu danh sách thành thập phân, lower-roman, upper-roman, lower-alpha, upper-alpha, hoặc none. Khi tạo danh sách không có thứ tự, hãy chọn loại đĩa, vòng tròn hoặc loại hình vuông. Hình minh hoạ cho thấy các ví dụ của từng loại danh sách này.

li {list-style-type: circle;}

list-style-image: Để sử dụng hình ảnh tùy chỉnh của riêng bạn dưới dạng viên đạn, nhập vị trí và tên tập tin của hình ảnh mong muốn như là một thuộc tính cho thẻ danh sách không có thứ tự. Bạn cũng có thể loại bỏ phần bullet trong kiểu danh sách bằng cách sử dụng giá trị thuộc tính none.

ul {list-style-image: url (images / mybullet.gif);}

Để tạo một danh sách có đồ hoạ khác nhau cho mỗi mục trong danh sách, hãy tạo các kiểu tùy chỉnh cho mỗi mục trong danh sách và sau đó thêm

  • với thuộc tính lớp phù hợp, như được minh họa dưới đây và được hiển thị trong ví dụ mã sau đây, cũng làm cho mỗi mục trong danh sách một siêu liên kết:

    . redarrow {list-style-image: url (redarrow. gif);}. Các trang web
    
    • Vào trang web đó
    • list-style-position: Với thuộc tính vị trí, bạn có thể định vị vị trí tương đương đạn (bullet relative) nội dung bên trong mỗi mục trong danh sách. Vị trí có thể được đặt bên trong hoặc bên ngoài văn bản. Như được minh họa dưới đây, khi đặt bên trong, văn bản kết thúc bên dưới bullet dọc theo lề trái, và khi đặt bên ngoài, viên đạn nằm bên ngoài bất kỳ văn bản được bọc, như một lề treo.

    Với thuộc tính mở rộng, bạn có thể thay đổi cách con trỏ hiển thị trong các trường hợp khác nhau, tạo các ngắt trang và thêm các bộ lọc hiệu ứng đặc biệt để một số yếu tố trên trang.

    Thật không may, kể từ khi ra đời, rất ít trong số đó được hỗ trợ bởi các trình duyệt phổ biến nhất. Nếu bạn muốn sử dụng bất kỳ thuộc tính nào trong số các thuộc tính này, thử nghiệm chúng trong nhiều trình duyệt như bạn có thể trên cả nền tảng máy Mac và máy tính để đảm bảo rằng chúng hoạt động và / hoặc không thành công theo cách chấp nhận được.
    

    page-break-before / -after: Thuộc tính này bắt buộc một trang bị hỏng khi in một trang, trước hoặc sau khi đối tượng được tạo kiểu với thuộc tính này. Chọn các giá trị trái, phải, luôn luôn hoặc tự động cho trước và / hoặc sau đối tượng theo kiểu được mong muốn, như sau:

    # sidebar3 {page-break-before: always; page-break-after: left;}

    con trỏ: Bạn có thể chỉ định một con trỏ khác để xuất hiện khi một khách truy cập mouses trên một đối tượng được theo kiểu với thuộc tính này.Chọn từ crosshair, text, wait, default, help, e-resize, ne-resize, n-resize, nw-resize, w-resize, sw-resize, s-resize, se-resize, và auto.

    Ngoài ra còn có 15 tùy chọn con trỏ CSS3 mới, tất cả đều hoạt động trong phiên bản mới nhất của Firefox, Chrome, Safari, Opera và IE9 +: none, menu ngữ cảnh, cell, vertical-text, alias, copy, no- thả, không cho phép, thay đổi kích thước, thay đổi kích thước, thay đổi kích cỡ, thay đổi kích cỡ, thay đổi kích cỡ, thay đổi kích cỡ hàng, và tất cả các cuộn. Để xem ví dụ về các con trỏ chuột đang hoạt động, hãy truy cập Sitepoint.
    

    bộ lọc: #helpmenu {cursor: help;}

    : Bạn có thể chọn từ một số bộ lọc hiệu ứng đặc biệt, bao gồm Alpha, BlendTrans, Blur, Chroma, DropShadow, FlipH (lật ngang), FlipV (lật thẳng đứng), Glow, Xám, đảo ngược, ánh sáng, mặt nạ, RevealTrans, bóng, sóng và Xray. Hầu hết các bộ lọc yêu cầu đầu vào số như bộ lọc mặt nạ, phải chứa giá trị thập lục phân của màu cho mặt nạ, như trong bộ lọc: Mask (Color = # ffcc33);.

    #details {filter: invert;}
    

    Mặc dù các bộ lọc này có thể thực hiện một số điều mát mẻ và không bình thường, trong thời gian dài nhất họ không làm việc trong bất kỳ trình duyệt nào khác ngoài IE. Để xem một ví dụ về một vài trong số các bộ lọc này, hãy mở liên kết sau trong một trình duyệt IE: Xentrik. Rất may, nhiều bộ lọc này đã được cải tạo lại dưới dạng các kiểu CSS3 mới có hỗ trợ trình duyệt tốt hơn.

  • Danh sách và các tính năng mở rộng của Cascading Style Sheets (CSS) - núm vú

    Lựa chọn của người biên tập

    Nhúng tệp Video và Audio vào các trang Web của bạn để có kết quả SEO tốt hơn - những núm vú

    Nhúng tệp Video và Audio vào các trang Web của bạn để có kết quả SEO tốt hơn - những núm vú

    Nếu bạn muốn bao gồm nội dung video và âm thanh trong các trang Web của mình, bạn có thể nhúng các tệp này để làm cho chúng thân thiện hơn với SEO. Bạn cũng nên chọn nội dung tăng cường thông điệp của trang web và làm cho nó thêm thú vị và có ý nghĩa với khách truy cập của bạn. Một số trang web cung cấp các tệp video hoặc âm thanh bằng cách hiển thị chúng trong ...

    Loại trừ một trang web hoặc trang web khỏi các công cụ tìm kiếm Sử dụng một tệp tin văn bản Robots

    Loại trừ một trang web hoặc trang web khỏi các công cụ tìm kiếm Sử dụng một tệp tin văn bản Robots

    Bạn có thể sử dụng tệp văn bản rô-bốt để chặn một nhện công cụ tìm kiếm khỏi thu thập thông tin trang Web hoặc một phần của trang web của bạn. Ví dụ, bạn có thể có một phiên bản phát triển của trang Web nơi bạn làm việc về những thay đổi và bổ sung để kiểm tra chúng trước khi chúng trở thành một phần của trang Web trực tiếp của bạn. ...

    Lựa chọn của người biên tập

    Nhìn vào các ngày lễ Công giáo - những con voi

    Nhìn vào các ngày lễ Công giáo - những con voi

    Một điều rất hay về Đạo Công giáo là nhiều ngày trong năm dương lịch là một nguyên nhân cho lễ kỷ niệm. Gần như mỗi ngày đánh dấu ngày lễ của một vị thánh - một ngày mà cuộc đời thánh thiện và những việc làm của thánh nhân được ghi nhớ. Một số ngày là ngày lễ của nghĩa vụ, có nghĩa là bạn phải tham dự ...

    Sách Khải Huyền Đối với Người Dummies Cheat Sheet - núm vú

    Sách Khải Huyền Đối với Người Dummies Cheat Sheet - núm vú

    Nếu bạn bị cuốn hút bởi Sách Khải Huyền trong Kinh Thánh, đừng bận tâm. Hãy xem cấu trúc cơ bản của Sách Khải Huyền; các giải thích chính của nó; những quan điểm khác nhau về Vương quốc ngàn năm đã đề cập trong Khải huyền 20; và những sự kiện quan trọng đã tạo nên Giăng cho Vị Tông Đồ và bài viết của ông. Bằng cách làm như vậy, bạn sẽ tốt hơn ...

    Hồng y Các Giáo lễ của Giáo Hội Công Giáo - Thập niên

    Hồng y Các Giáo lễ của Giáo Hội Công Giáo - Thập niên

    Một đức tính là thói quen hoàn thiện quyền hạn của linh hồn và định đoạt bạn làm tốt. Người Công giáo tin rằng ân sủng của Thiên Chúa được dâng lên cho linh hồn, bởi vì nếu không có sự giúp đỡ của Đức Chúa Trời, con người không thể làm điều tốt một mình. Grace, đó là sự can thiệp của Thiên Chúa, nâng đỡ linh hồn của một người, cung cấp oomph cần thiết để làm việc.

    Lựa chọn của người biên tập

    Làm thế nào để Khởi động lại Web Host Manager Services của bạn - núm vú

    Làm thế nào để Khởi động lại Web Host Manager Services của bạn - núm vú

    Vẻ đẹp của máy chủ web là mỗi chức năng chính của nó có "dịch vụ" của riêng bạn mà bạn có thể khởi động lại. Một dịch vụ là một phần của phần mềm - một chương trình chạy trên máy chủ xử lý một chức năng cụ thể. Nếu một trong các dịch vụ ngừng hoạt động chính xác, bạn không nhất thiết phải khởi động lại ...

    Làm thế nào để Hủy bỏ Website của bạn từ một Blacklist - núm vú

    Làm thế nào để Hủy bỏ Website của bạn từ một Blacklist - núm vú

    Tên miền hoặc miền địa chỉ IP của bạn bị liệt vào danh sách đen khi phát hiện thư rác. Nếu trang web của bạn đã bị cấm, có thể đó không phải là lỗi của bạn - đặc biệt nếu bạn đang ở trên một máy chủ chia sẻ. Có thể một trang web khác trên máy chủ đã cố tình gửi spam. Nó cũng là ...

    Cách Quản lý Trình Quản lý Máy chủ Web của bạn Hàng đợi Thư - núm vú

    Cách Quản lý Trình Quản lý Máy chủ Web của bạn Hàng đợi Thư - núm vú

    Với quyền truy cập vào phụ trợ của máy chủ của bạn, bạn cũng có thể truy cập vào một số chức năng của Trình quản lý Máy chủ lưu trữ Web trước đây không có sẵn cho bạn. Cuộn xuống trình đơn bên tay trái của WHM để tìm phần được gọi là Thư gần cuối. Trong phần này, có những lựa chọn có thể hữu ích cho bạn nếu ...