Hacking CSS trên trang web ưa thích của bạn - những con vú

Ở đây, bạn sửa đổi Cascading Style Sheets (CSS) trên huffingtonpost. com (hoặc trang web tin tức bạn chọn) sử dụng trình duyệt Chrome. Hãy xem cách CSS hoạt động trong tự nhiên. Chỉ cần làm theo các bước sau:

1. Sử dụng trình duyệt Chrome, điều hướng đến trang web tin tức yêu thích của bạn, lý tưởng nhất với nhiều tiêu đề.

   

2. Đặt con trỏ chuột lên tiêu đề, nhấp chuột phải, và từ trình đơn xuất hiện chọn Kiểm tra phần tử.

   Một cửa sổ mở ra ở cuối trình duyệt của bạn.

3. Nhấp vào tab Kiểu ở phía bên phải của cửa sổ này để xem các quy tắc CSS đang được áp dụng cho các phần tử HTML.

   

4. Thay đổi màu sắc của tiêu đề bằng CSS.

   Để làm điều này, đầu tiên hãy tìm thuộc tính màu trong phần tử. phần phong cách; lưu ý hộp màu vuông bên trong thuộc tính đó hiển thị mẫu màu hiện tại. Nhấp vào hộp này và thay đổi giá trị bằng cách chọn một màu mới từ trình đơn bật lên, và sau đó nhấn Enter.

   Tiêu đề của bạn bây giờ xuất hiện trong màu bạn chọn.

   

   Nếu phần tử. phần phong cách trống và không có thuộc tính màu xuất hiện, bạn vẫn có thể thêm nó bằng tay. Để làm như vậy, hãy nhấp vào một lần trong phần tử. và khi con trỏ nhấp nháy xuất hiện, gõ màu: tím. Các tiêu đề thay đổi màu tím.

Cũng như HTML, bạn có thể sửa đổi bất kỳ CSS của trang web nào bằng tính năng Thành phần Thanh tra của Chrome, còn được gọi là Công cụ Nhà phát triển. Hầu hết các trình duyệt hiện đại, bao gồm Firefox, Safari và Opera đều có một tính năng tương tự.