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 […]
CSS Generate tools. Tại sao chúng ta cần nó?
Bạn là pro CSS? Hay bạn chỉ mới bắt đầu tìm hiểu CSS? Chắc hẳn sẽ có những lúc bạn cảm thấy việc code box-shadow, border hay gradient background phức tạp và không trực quan cho lắm. Vì vậy, cac tool sau đây có thể phụ giúp bạn đỡ nhọc nhằn trong công việc hơn.
Bạn đã bao giờ random?
Tại sao bạn cần random? Mục đích chính của ramdom trong coding hay trong thiết kế là mô phỏng. Tùy thuộc vào từng công việc khác nhau, bạn có thể sẽ cần mô phỏng các thể loại dữ liệu như văn bản, hình ảnh, số liệu… để phục vụ cho các nhu cầu khác nhau […]
Tại sao bạn cần Lorem Ipsum?
Lorem Ipsum là gì? Lorem Ipsum là một hay nhiều đoạn “dummy text” – chữ giả được dùng để lắp đầy nội dung trong một trang web hay thiết kế đồ họa nào đó khi nội dung chưa được chuẩn bị sẵn sàng.
Cách bạn căn giữa bằng CSS
Có rất nhiều cách để bạn canh giữa một thành phần trong một trang web. Sau đây mình xin chia sẻ một vài phương pháp bạn có thể sử dụng thường xuyên trong công việc. Bạn có thể áp dụng linh hoạt các phương pháp sau đây tùy thuộc tình huống và mục đích sử […]
Tại sao ảnh của bạn lại không hiện trên website?
Bạn đang đưa file ảnh vào thẻ img để thêm hình ảnh vào một trang web, sau đó bạn thêm một vài CSS cho tấm ảnh đó đẹp hơn, và sau cùng bạn ra browser để xem thành quả sau cùng. Nhưng xu thay, bạn không thấy hình của bạn ở đâu. Như một trò […]
Thẻ IMG trong HTML
Hình ảnh mà thành phần không thể thiếu trong một trang web., để thêm một hình ảnh, người ta có rất nhiều cách, nhưng chủ yếu là sử dụng HTML tag <img>. Sau đây là những điều bạn cần biết vể thẻ <img>
- CSS
- ...
Animate CSS: Hoạt ảnh chữ Fade In đơn giản
Animate CSS cực kì đơn giản này có thể được sử dụng để làm loading screen cho website của bạn trở nên đẹp hơn.
CSS: border-box hay content-box và cách sử dụng
Theo định nghĩa từ trang www.w3schools.com, CSS property box-sizing sẽ quyết định xem chiều rộng và cao của một element sẽ được tính như thế nào, có bao gồm cả padding và border hay không. (hình ảnh từ đây)