CSS cơ bản

List trong CSS

Trình bày hay liệt kê một danh sách có kèm theo các bullet hoặc dưới dạng đánh số giúp phần văn bản của bạn dễ đọc và tạo cảm giác thân thiện hơn. Để tạo style riêng cho phần list, bạn có thể sử dụng các thuộc tính trong CSS. Có 5 thuộc tính trong CSS Phần tiếp theo trình bày cách sử ...

Tạ Quốc Bảo viết 12:12 ngày 14/08/2018

Kích cỡ trong CSS

Đến chương này, chúng ta đã biết cách tạo style cho border xung quanh mỗi phần tử, cho phần padding bên trong mỗi hộp và căn lề xung quanh chúng, …. Tiếp theo chúng ta cùng tìm hiểu cách thay đổi kích cỡ của các hộp trong CSS. Để thay đổi kích cỡ, bạn có thể sử dụng các thuộc tính ...

Trịnh Tiến Mạnh viết 12:11 ngày 14/08/2018

Font trong CSS

Để thiết lập font cho một trang HTML hoặc cho từng phần tử trong trang, bạn sử dụng các thuộc tính sau: Thiết lập Font Family trong CSS Trong CSS, có hai loại Font Family: Để thay đổi bề mặt font của một phần tử nào đó, bạn có thể sử dụng thuộc tính font-family trong CSS. Nói chung, ...

Hoàng Hải Đăng viết 12:10 ngày 14/08/2018

Thuộc tính outline trong CSS

Phân biệt Outline và Border Nhắc đến Outline có thể khiến một số bạn nhầm lẫn nó với Border, tuy nhiên giữa hai thuộc tính này có các điểm khác nhau khá lớn như sau: Ghi chú: Các thuộc tính liên quan tới outline không được hỗ trợ bởi IE 6 và Netscape 7. Liên quan tới outline, trong ...

Bùi Văn Nam viết 12:10 ngày 14/08/2018

Thuộc tính padding trong CSS

Thuộc tính padding cho phép bạn xác định khoảng không gian giữa nội dung hiển thị của một phần tử với đường viền của nó. Giá trị của thuộc tính padding có thể ở dạng chiều dài (đơn vị px, pt, cm, …) , dạng %, hoặc từ khóa inherit . Nếu giá trị của thuộc tính là inherit, thì phần ...

Trịnh Tiến Mạnh viết 12:10 ngày 14/08/2018

Màu trong CSS | Color trong CSS

CSS sử dụng các giá trị màu để xác định màu sắc hiển thị. Bạn có thể thiết lập màu nền (background) hoặc màu cận cảnh (foreground) của một phần tử, hoặc màu của đường viền hay đường bao của một khung hoặc một bảng. Màu được hiển thị bởi kết hợp ba màu là RED, GREEN, và BLUE. Để xác định màu ...

Bùi Văn Nam viết 12:09 ngày 14/08/2018

Hiệu ứng Hình ảnh trong CSS

Hình ảnh đóng vai trò quan trọng trong bất kỳ Webpage nào. Hiện này, khó có thể tìm thấy một Webpage hiện đại nào mà không có hình ảnh. Tuy nhiên, không phải cứ thêm quá nhiều hình ảnh (trừ các Webpage cho thời trang hay mẫu quần áo) là tốt. Việc trang trí hình ảnh đẹp và hợp lý sẽ làm trang ...

Trịnh Tiến Mạnh viết 12:09 ngày 14/08/2018

Bảng trong CSS

Bảng là một công cụ hiển thị dữ liệu rõ ràng và hiệu quả. Mặc dù với các công nghệ mới (như Kendo UI), thì việc hiển thị dữ liệu bằng các thẻ div thường được sử dụng hơn. Tuy nhiên, với các ứng dụng Webpage nhỏ và với lượng dữ liệu hiển thị là không lớn thì sử dụng bảng là khá tiện lợi. Chương ...

Tạ Quốc Bảo viết 12:06 ngày 14/08/2018

Học CSS cơ bản và nâng cao

Khi bạn truy cập vào một trang web nào đó, bạn đã từng suy nghĩ rằng tại sao dữ liệu có thể hiển thị trên trang web đó, cách trình bày và hiển thị chúng theo từng khu vực khác nhau. Học CSS sẽ giúp bạn giải thích điều đó. CSS được sử dụng để điều khiển Style của một tài liệu web. Hay nói ...

Hoàng Hải Đăng viết 12:05 ngày 14/08/2018

Cú pháp CSS

CSS được tạo thành từ các Style Rule. Các rule này được thông dịch bởi trình duyệt và sau đó được áp dụng tới các phần tử tương ứng trong tài liệu của bạn. Style Rule bao gồm ba phần: Dưới đây là cú pháp CSS chung: selector { property: value } Trong ví dụ trên, selector trỏ tới ...

Trịnh Tiến Mạnh viết 12:03 ngày 14/08/2018

Background trong CSS

Để xác định các hiệu ứng liên quan tới background cho các phần tử trong HTML, bạn có thể sử dụng các thuộc tính background trong CSS. Thiết lập màu nền trong CSS Để thiết lập màu nền trong CSS, bạn sử dụng thuộc tính background-color. Ví dụ sau minh họa cách thiết lập màu nền cho một ...

Hoàng Hải Đăng viết 12:02 ngày 14/08/2018

Tìm hiểu về Đơn vị trong CSS

Trong cuộc sống hàng ngày chúng ta có nhiều đơn vị để cân, đo, đong đếm mọi thứ hữu hình, ví dụ như cm, km, kg, … Vậy, với một trang web, để xác định xem phần tử này phải nằm ở khu vực này, hình ảnh kia phải hiển thị ở chỗ kia, thì ta phải dùng đơn vị gì để xác định. Mét, kilomet hay ...

Hoàng Hải Đăng viết 12:00 ngày 14/08/2018

CSS là gì ?

CSS là gì ? CSS là viết tắt của Cascading Style Sheet, là một Design Language đơn giản được sử dụng để làm đơn giản hóa tiến trình trình bày các trang web. Có thể hiểu đơn giản là, CSS xử lý phần Look và Feel của một trang web. Sử dụng CSS, bạn có thể điều khiển màu văn bản (text color), ...

Bùi Văn Nam viết 11:59 ngày 14/08/2018

Bài 14: After và Before trong CSS

Trong CSS có hai thuộc tính dùng để bổ sung thành phần vào đằng trước và đằng sau thẻ HTML đó là thuộc tính after và before, hai thuộc tính này ...

Hoàng Hải Đăng viết 09:53 ngày 03/08/2018

Bài 12: Position Fixed trong CSS

Hôm nay mình sẽ trình bày một thuộc tính khá hay trong CSS đó là thuộc tính position fixed trong CSS . Đây là một thuộc tính hay sử dụng và có ...

Tạ Quốc Bảo viết 09:52 ngày 03/08/2018

Bài 15: Kỹ thuật ClearFix trong CSS

Trong bài tìm hiểu thuộc tính float thì mình có sử dụng sơ qua về kỹ thuật ClearFix này rồi nhưng không chi tiết lắm, vì vậy trong bài này mình sẽ ...

Trịnh Tiến Mạnh viết 09:49 ngày 03/08/2018

Bài 13: Thuộc tính z-index trong CSS

HTML là một định dạng đặc biệt của XML nên nó có đầy đủ các tính chất của XML như: Mỗi thẻ đều có thể có node con, mỗi thẻ đều có các thuộc tính ...

Tạ Quốc Bảo viết 09:47 ngày 03/08/2018

Bài 08: Thuộc tính float ( left - right - none) trong CSS

Thuộc tính Float trong CSS đóng vai trò rất quan trọng trong việc xây dựng chia bố cục HTML của một trang web. Như các bạn biết, hiện nay người ...

Trịnh Tiến Mạnh viết 09:44 ngày 03/08/2018

Bài 09: Thuộc tính margin - padding và Box Model trong CSS

Chúng ta đã được học khá nhiều kiến thức về CSS nhưng bấy nhiêu là chưa đủ để bạn xây dựng một layout hoàn chỉnh. Ví dụ bạn muốn hai thẻ HTML cách ...

Hoàng Hải Đăng viết 09:44 ngày 03/08/2018
< 1 2 3 4 >