css

[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ị...

Kỹ Sư Tư Vấn Giải Pháp Tổng Đài (Call Center) KHU VỰC: HÀ NỘI, HỒ CHÍ MINH CÔNG TY: CÔNG TY CP GIẢI PHÁP KINH DOANH NỀN TẢNG - BASE CẤP BẬC: Nhân viên KỸ NĂNG: Javascript, CSS, HTML NGÔN NGỮ TRÌNH BÀY HỒ SƠ: Bất kỳ MỨC LƯƠNG: $500 - $750 MÔ TẢ CÔNG VIỆC - Trình bày giải pháp CRM cho khách hàng...

18 nguồn tài liệu học tập cho các nhà phát triển front-end Như bạn đã biết, thật khó để theo kịp với những gì mới trong phát triển web. Ngay cả từ cách nhìn nhận về front-end, bạn có thể dễ dàng bị tụt lại phía sau và khiến kỹ năng trở nên lạc hậu. Vì vậy, có thể sẽ mất vài phút hoặc thậm chí...

Cách tạo CSS Grid theo từng bước CSS Grid Layout Module đã nhanh chóng trở nên thông dụng đối với các nhà phát triển giao diện người dùng. Đó là một tiêu chuẩn web mới cho phép tạo bố cục hai chiều với CSS thuần túy. Hãy tưởng tượng một hệ thống grid tương tự như Bootstrap hoặc Foundation, giúp...

Lý do bạn nên sử dụng CSS Grid Bắt đầu với kết luận đầu tiên: CSS Grid là hệ thống bố cục tốt nhất mà các nhà thiết kế và các nhà phát triển UI cần. Nó không phải là một plug-in hay chỉ là một vài framework div soup khác, như Bootstrap. Nó là một công cụ lập bản đồ mà bạn có thể sử dụng tự do...