Một số CSS technique hay cho người làm Markup

Tram Ho

Giới thiệu

Hôm nay mình xin chia sẻ 1 số CSS Technique dành cho người làm Markup, tuy nhỏ đơn giản nhưng không phải ai cũng biết
rất có ích cho công việc thực tế.

CSS Technique

1. Đổi style sang chế độ Dark Mode

Để làm được cái này thì đơn giản chỉ cần dùng prefers-color-scheme: dark là có thể chuyển màu từ sáng sang tối.

CSS

2. Scroll theo từng Section

Phần này sẽ cần đến scroll-snap để tạo ra được scroll theo từng Section.

HTML

CSS

3.Bỏ heightlight đi khi hover chuột

Cái này hữu ích với những anchor link hay button

4.Hiển thị list chọn đối với input field

Cái này khá là giống với select dropdown, có thể chọn được các option

HTML

CSS

Lời kết

Hi vọng những tip nhỏ trên sẽ có ích cho các bạn làm Markup và hẹn mọi người ở phần 2 nhé.

Chia sẻ bài viết ngay

Nguồn bài viết : Viblo