css

Chrome DevTools cho phép bạn kiểm tra nội dung trang, xem file được tải, tạo báo cáo hiệu suất chi tiết và nhiều hơn nữa. Bài viết tóm tắt các tính năng cơ bản và một vài công cụ nâng cao để bạn bắt đầu. Giới thiệu nhanh về Chrome DevTools Chrome DevTools là tập hợp công cụ được tích hợp...

Tài nguyên chặn hiển thị là những file quan trọng nhưng làm chậm việc hiển thị nội dung trang, ảnh hưởng đến các chỉ số Core Web Vitals như Largest Contentful Paint. Bài viết này giải thích những file nào gây chặn, cách phát hiện và các biện pháp để giảm thiểu tác động của chúng...

Nhận diện tài nguyên quan trọng và tải chúng sớm là cách hiệu quả để cải thiện tốc độ trang. Bài viết giải thích khái niệm critical rendering path và các bước thực tế để rút ngắn, giúp nội dung hiển thị nhanh hơn và nâng cao Core Web Vitals. Đường dẫn dựng trang quan trọng là gì? Khi một...

Tùy biến giao diện XenForo bằng Style properties mà không đụng tới CSS XenForo 2.3 tiếp tục mở rộng hệ thống Style properties – bộ công cụ giao diện trực quan giúp bạn điều chỉnh giao diện nhanh chóng mà không cần viết một dòng CSS nào. ✨ Vì sao nên dùng Style properties? ✅ Trực quan, dễ...

[MrOne] New Year Lights with CSS only - Đèn năm mới chỉ bằng CSS cho XenForo 2 2.2.0 Tạo một add-on thay cho việc sửa đổi. Đèn lung linh sử dụng CSS thuần túy. Chúc các bạn thành công. Nguồn: Internet

Sticky thread separator (CSS) - Phân tách chủ đề ghim (CSS) cho XenForo 2.2 Thêm css đơn giản để hiển thị các chủ đề quan trọng hơn. Trong template extra.less, hãy thêm cái này: .structItemContainer-group--sticky { border-left: 2px solid @xf-paletteColor3; padding-bottom: 5px...

CSS là một phần không thể thiếu trong việc xây dựng website, CSS giúp website bạn trông đẹp mắt hơn, bố cục chi tiết rõ ràng hơn, đối vơi bất kì ai mới bắt đầu học thiết kế website thì CSS là một trong những kiến thức cơ bản giống như HTML mà bạn phải học cũng như học cách nhúng css vào html...

Cách xác định vị trí phần tử với thuộc tính position trong CSS Trong CSS, các bạn có thể sử dụng thuộc tính position với các giá trị static, fixed, relative, absolute để xác định vị trí phần tử. Các thuộc tính CSS về vị trí phần tử giúp định vị phần tử trong trang, nó cũng sắp xếp phần tử này...

Sử dụng thuộc tính CSS visibility để thiết lập ẩn hiện phần tử HTML Trong CSS có một thuộc tính để chỉ ra một phần tử là ẩn hay hiển thị trên trang đó là visibility. Các giá trị nó nhận có thể là: visible hidden collapse Ẩn đi một phần tử bạn có thể dùng display: none hoặc visibility: hidden...

Tìm hiểu thêm về thuộc tính display trong CSS Thuộc tính display quy định ứng xử của box trên trang, và như các bạn cũng đã biết thì mọi phần tử trên trang đều có dạng hộp chữ nhật . Một phần tử dạng khối block nó chiếm toàn bộ độ rộng, với ngắt dòng trước và sau phần tử. Ví dụ sau sẽ chuyển...

Sử dụng thuộc tính cursor trong CSS để thiết lập con trỏ chuột khi di chuyển trên các phần tử HTML Trong CSS có thuộc tính cursor cho phép bạn thiết lập kiểu trỏ chuột khi nó di chuyển trên phần tử. Ví dụ chuyển thành các icon: help, mũi tên, tay chỉ ... <span style="cursor:help;"> Bạn cần...

Tìm hiểu định dạng cách hiển thị các link bằng CSS Trong CSS có các thuộc tính như: :link, :visited, :active, :hover và text-decoration . Những thuộc tính này sẽ hỗ trợ định dạng cách hiển thị các link của HTML. Định dạng liên kết Các liên kết (link) bạn có thể điều chỉnh bởi các thuộc tính...

Tìm hiểu cách sử dụng CSS định dạng bảng HTML Trong CSS có các thuộc tính như border-collapse, border-spacing, caption-side, empty-cells, table-layout . Những thuộc tính này sẽ hỗ trợ chúng ta định dạng bảng HTML. Định dạng bảng biểu Các hiển thị có thể định dạng lại bằng CSS border-collapse...

Tìm hiểu thuộc tính danh sách (list) trong CSS Chắc hẳn các bạn cũng biết sơ qua về danh sách (list) trong CSS, gồm có các loại như: ul, ol. Bài viết này sẽ làm rõ hơn về các thuộc tính list-style-type, list-style, list-style-image. Thiết lập kiểu danh sách list-style-type Các thuộc tính về...

Tìm hiểu cách thiết lập chiều rộng, chiều cao của box CSS Trong CSS có các thuộc tính như width, height cũng như min-width, min-height, những thuộc tính này sẽ giúp chúng ta thiết lập chiều rộng, chiều cao của box. Để thiết lập chiều rộng và chiều cao phần nội dung phần tử dùng thuộc tính...

Tìm hiểu thuộc tính border trong CSS Thuộc tính border trong CSS hay còn được xem là đường viền của phần tử. Để thêm đường viền cho phần tử, bạn cần chỉ ra các tham số: size độ rộng đường viền, style kiểu đường viền (nét liền, đứt, chấm ...) và màu đường viền. Thuộc tính border Cả ba tham số...

Tìm hiểu về Box CSS Các phần tử HTML được xem như các hộp chữ nhật (box), đây là mô hình để CSS dàn trang. Một box có các thành phần như: margin, border, padding, nội dung phần tử CSS trình bày các thành phần margin, border, padding theo thứ tự top, right, bottom, left Như vậy mọi phần tử...

Tìm hiểu định dạng các khoảng trắng trong CSS Trong css có các kiểu định dạng như: letter-spacing, word-spacing, white-space. Chức năng cụ thể của từng loại như sau: letter-spacing: thiết lập khoảng cách các ký tự word-spacing: thiết lập khoảng cách các từ white-space: xử lý khoảng trắng...

Tìm hiểu thuộc tính text-shadow và text-transform trong CSS Bài viết này sẽ nêu rõ chức năng cụ thể của 2 thuộc tính text-shadow và text-transform. Thuộc tính text-shadow để tạo ra các bóng đổ cho chữ, thuộc tính text-transform để chuyển thành chữ in hoa in thường. Đổ bóng chữ với text-shadow...

Sử dụng thuộc tính font-family trong CSS để thiết lập font chữ hiện thị cho các phần tử HTML Thuộc tính font-family được dùng để chỉ ra font cho phần tử. Có hai kiểu tên font: font family chỉ ra font family ví dụ Times New Roman hoặc Arial generic family nhóm các font family có cách hiển thị...