CSS

Với đa số trang web, văn bản là thành phần quan trọng hàng đầu. Việc tác động tới cách trình bày của văn bản thông qua CSS là cách thức phổ biến để tạo ra hiệu ứng thẩm mỹ cũng như ấn tượng với người đọc. Hôm nay Kiến càng sẽ giới thiệu với bạn 8 thuộc tính như thế. Danh sách các thuộc tính văn bản trong CSS mà chúng ta sẽ xem xét trong bài này bao gồm: text-indent letter-spacing word-spacing text-decoration text-align line-height text-transform vertical-align Giờ chúng ta sẽ bắt đầu đi vào các thuộc tính cụ …

Đọc thêm

Background là thuộc tính quan trọng trong CSS, nó được dùng để tạo nền cho các thẻ mà dễ thấy nhất là thẻ body. Nền có hai kiểu: nền màu và nền dùng ảnh. Nền màu là cách dùng nền phổ biến hơn cả, hầu hết các trang web đều sử dụng nền cho toàn trang là màu đơn sắc nào đó có khuynh hướng gần với màu trắng, nều màu cho các phần khác của trang thì đa dạng hơn. Có một số thuộc tính của background chỉ được hỗ trợ trong CSS3. Còn dưới đây là danh sách các …

Đọc thêm

CSS có rất nhiều thuộc tính, bạn có thể có được trang web đẹp mà không cần biết tất cả, nhưng có một vài thuộc tính vô cùng quan trọng mà bạn không thể không biết – Font là một trong những thuộc tính như vậy. Chém gió Trong thế giới web có khoảng 10 font phổ biến rất hay được nhà thiết kế sử dụng. Có nhiều nguyên nhân nhưng chủ yếu là vì các font này hầu như đã được cài sẵn trên máy người dùng rồi, thứ nữa đây là những font quen mắt đã chứng minh …

Đọc thêm

ColorZilla là tiện ích mở rộng cho trình duyệt chuyên dùng để lấy mã màu hết sức tiện lợi. Dù bạn dùng Google Chrome hay FireFox sử dụng ColorZilla đều ổn cả. Khi lướt web bỗng dưng bạn thấy một màu sắc nào đó rất hợp mắt ở ảnh chụp hay hình nền…và bạn tò mò muốn biết mã màu, ColorZilla sẽ giúp bạn trong vài click. Hay khi bạn muốn chọn cho mình một mã màu tùy ý trong bảng màu, ColorZilla cũng tích hợp sẵn Color Picker cho bạn. Và bây giờ là địa chỉ tải cho Google …

Đọc thêm

Dưới đây là danh sách tên các màu sắc trong CSS được hỗ trợ bởi tất cả các trình duyệt, có 17 tên màu tiêu chuẩn là: Có bạn hỏi đã có mã màu rồi còn tên màu làm gì? như vậy có thừa không? Câu trả lời là không thừa… Với mã màu bạn có rất nhiều màu sắc nhưng nói chung chúng khó nhớ hơn rất nhiều so với tên màu – vốn gần gũi hơn. Chẳng hạn tôi muốn làm chữ màu đỏ thay vì phải nhớ mã màu đỏ tôi chỉ việc nhớ tên tiếng Anh …

Đọc thêm

Đường viền là yếu tố gây nổi bật khá quan trọng – nó tạo ranh giới với những phần còn lại của trang web. Hôm nay chúng ta cùng xem thử CSS làm được những gì với đường viền. Ba thuộc tính quan trọng của đường viền đó là: Kích thước đường viền; Màu sắc của đường viền; Kiểu đường viền; Giờ chúng ta sẽ lần lượt đi vào từng cái cụ thể… 1. Kích thước đường viền Về quy định kích thước bạn có thể dùng từ khóa để chỉ định như thin, medium, thick hoặc dùng %, em, cá nhân tôi thì thích dùng …

Đọc thêm

Hai thuộc tính CSS đơn giản nhưng ảnh hưởng rất mạnh đến thẩm mỹ của trang là margin và padding. Chúng quan trọng bởi vì bạn sẽ không thể tìm thấy bất kỳ trang web nào mà lại không có lề, không có đệm. Lề và khoảng đệm chỉ là các khoảng trống, nhưng không có nó các thẻ sẽ dính liền vào nhau tạo ra không gian trông ngột ngạt và khó coi. Dưới đây là ví dụ về một đoạn HTML không có margin và padding: Đây là văn bản minh họa, nó không có ý nghĩa gì …

Đọc thêm

Thẻ a – thẻ dùng để tạo các liên kết giữa các trang web, theo mặc định sẽ có màu xanh và được gạch chân. Thường thì chúng ta sẽ thay đổi CSS cho nó để đem lại nhiều hiệu ứng thú vị hơn với người dùng. Hôm nay blog Kiến càng sẽ cùng bạn tiến hành một vài thí nghiệm nhỏ với thẻ này. Trước tiên chúng ta phải biết đến 4 lớp giả của thẻ a, đó là: link: trạng thái khi liên kết chưa nhận bất cứ tác động nào, chúng ta sử dụng lệnh a:link {Các …

Đọc thêm

Giống như bất kỳ ngôn ngữ nào, CSS cũng có cú pháp riêng của nó. Cú pháp của CSS không phức tạp, nó rõ ràng và khoa học. Kiến thức trong bài này tuy cơ bản nhưng quan trọng, giúp chúng ta rất nhiều nếu muốn học sâu hơn. Đây là một mẫu code CSS chuẩn: p chính là thẻ p – là thẻ được chọn để tác động bằng CSS còn được gọi là selector. Ngoài cách dùng tên thẻ trong HTML, bạn cũng có thể dùng id hoặc class của thẻ đó để tác động. Một cách tổng quát, người …

Đọc thêm

Cũng giống như đa số các thẻ HTML khác, thẻ <style> bắt đầu với thẻ mở và kết thúc bằng thẻ đóng, tuy nhiên, vị trí đặt thẻ style thì có đôi chút đặt biệt, thẻ này phải được lồng bên trong thẻ <head> (giờ đây quy định này đã lỏng hơn rồi). Code mẫu: Kết quả của đoạn code trên: Tiêu đề bài viết Nội dung bài viết Đặc điểm của thẻ style: Được hỗ trợ bởi tất cả các trình duyệt. Thẻ mở có thêm đoạn code: type=”text/css” để xác định nó được dùng vào việc định kiểu CSS (trang …

Đọc thêm