CSS calc() là một hàm tính toán trong CSS, cho phép bạn tính toán các giá trị động và sử dụng chúng để điều chỉnh kích thước, vị trí, padding, margin và các thuộc tính khác của phần tử trên trang web
CSS
CSS animation typing
Mình hôm nay xin chia sẻ cách bạn sẽ làm animation kiểu đang gõ chư bằng CSS animation như thế nào
Một vài mẹo CSS có thể bạn cần
Trong CSS, có nhiều cách để bạn tạo ra được một element. Đôi lúc, bạn sẽ cảm thấy nó phức tạp để thực hiện chúng. Do đó, bạn có thể sáng tạo ra nhiều cách để hoàn thành một công việc, miễn là nó tối ưu năng suất làm việc của bạn. Mình xin chia […]
- CSS
- ...
Giới hạn số dòng bằng CSS line-clamp
Bạn có một cái title nhưng nó quá dài và bạn muốn giơi hạn nó trong 2 dòng với dấu ba chấm như thế này Có nhiều cách để làm được điều này. Các bạn có thể sử dụng CSS hoặc JS để thực hiện. Theo mình, cách dễ thực hiện nhất là sử dụng […]
Cách xử lí khi trang web của bạn bị tràn? (overflow)
Một trong những điều cơ bản làm cho một trang web đẹp và dễ nhìn với người dùng, đó là không xuất hiện thanh cuộn ngang (horizontal scrollbar) trong tổng thể body. Tuy nhiên, vô tình chúng ta đôi lúc khiến cho một section hay một element nào đó trong layout có width rộng hơn […]
Có thể bạn chưa biết về CSS background-repeat
Nếu bạn muốn background lặp lại, bạn có thể sử dụng CSS property background-repeat. Có một vài cách viết background-repeat, tùy thuộc vào nhu cầu sử dụng Các kiểu background-repeat Khi sử dụng background-repeat, thỉnh thoảng bạn sẽ gặp trường hợp hình ảnh của bạn sẽ lặp lại nhưng bị cắt mất như ví dụ […]
Modern CSS selectors – :has() Pseudo-Class Selector
:has() Pseudo-Class Selector sẽ chọn những thành phần dựa vào parent của chúng, ví dụ như
Modern CSS selectors – :is()
Pseudo-Class Selector
:is() Pseudo-Class Selector Nếu bạn muốn select nhiều element cùng lúc, bạn có thể sử dụng cách sau: Tuy nhiên, để ngắn gọn hơn, chúng ta có thể sử dụng :is() selector như thế này Dài dòng thêm một xíu, mình có một ví dụ như sau Giờ mình chỉ muốn select những class .text-emphasis […]
The amazing CSS
Trong lúc lướt Youtube, mình đã vô tình tìm được clip này MÌnh đã xem và các bạn cũng nên xem, có rất nhiều thứ hay ho trong clip này. Nếu trước đây bạn nghĩ CSS rất nhạt nhẽo và khó làm, thì sau khi bạn xem clip này, bạn sẽ có cách nhìn khác […]
Bạn có thể làm gì với CSS Property content?
Khi bạn sử dụng pseudo-elements before và after, bạn nhất định phải có CSS property “content”, như hình với bóng vậy. Nếu được tận dụng tốt, CSS property này có thể giúp bạn trong những trường hợp sau đây Làm danh sách có số thứ tự Nếu bạn không thể dùng <ol> để lập danh […]