CSS cơ bản

Validation trong CSS

Validation là tiến trình kiểm tra cái gì đó có tuân theo một qui tắc đã cho không. Khi bạn mới học, thì việc gây ra các lỗi trong khi viết các CSS Rule là không thể tránh khỏi. Vậy làm cách nào để đảm bảo rằng phần code của bạn viết là chính xác 100% và tuân theo các chuẩn của W3C. Nếu bạn ...

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

Thuộc tính visibility trong CSS

CSS có thuộc tính visibility giúp bạn ẩn một phần tử nào đó. Sử dụng thuộc tính này cùng với JavaScript, bạn có thể tạo ra các menu phức tạp và các layout đa tính năng. Chẳng hạn, bạn có thể sử dụng thuộc tính visibility để ẩn các thông báo lỗi và chỉ hiển thị các thông báo này nếu cần ...

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

Qui tắc @media trong CSS

Bạn có thể sử dụng CSS để thay đổi bề mặt của Webpage khi nó được in trên giấy. Bạn có thể xác định một font để hiển thị trên màn hình và một font khác cho việc in. Các chương trước đã trình bày về qui tắc @media trong CSS. Qui tắc này cho phép bạn xác định các Style khác nhau cho các thiết ...

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

Qui tắc @page trong CSS

Thiết bị phân trang (paged media) khác với thiết bị liên tục (continuous media) ở chỗ: nội dung của tài liệu được phân chia nhỏ thành một hoặc nhiều trang rời rạc. Phương tiên phân trang bao gồm paper, phim, các trang được hiển thị trên màn hình máy tính, … CSS2 Standard giới thiệu ...

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

Media Type trong CSS

Một trong những đặc điểm quan trọng của Style Sheet là chúng xác định cách một Webpage hiển thị trên các thiết bị khác nhau: màn hình, trên paper, … Hiện tại, chúng ta có hai cách xác định thiết bị cho Style Sheet: Qui tắc @media trong CSS Qui tắc @media xác định ...

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

Pseudo Class trong CSS

Pseudo Class trong CSS được sử dụng để thêm các hiệu ứng đặc biệt tới một số Selector. Bạn không cần sử dụng JavaScript hoặc bất cứ ngôn ngữ Script nào để sử dụng các hiệu ứng này. Cú pháp đơn giản cho Pseudo Class trong CSS là: selector:pseudo-class {property: value} Các Class trong ...

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

Layer trong CSS | Thuộc tính z-index trong CSS

CSS cung cấp cho bạn khả năng tạo các Layer đa dạng và có thể hiển thị chồng lên nhau, tức là phần tử này chồng lên phần tử khác. Bạn có thể thực hiện việc này thông qua thuộc tính z-index trong CSS. Thuộc tính z-index được sử dụng đi kèm với thuộc tính position để tạo các Layer. Sử dụng ...

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

Scrollbar trong CSS

Đôi khi bạn gặp trường hợp mà phải hiển thị một lượng nội dung lớn hơn nhiều phần không gian được cấp phát cho nó. Chương này sẽ trình bày cách xử lý vấn đề này. CSS cung cấp thuộc tính overflow để nói cho trình duyệt điều gì cần phải làm nếu nội dung hiển thị của một hộp lớn hơn nhiều phần ...

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

Con trỏ trong CSS

Thuộc tính cursor trong CSS giúp bạn xác định kiểu con trỏ hiển thị tới người dùng. Một cách sử dụng phổ biến của thuộc tính này là sử dụng các hình ảnh làm con trỏ hiển thị trong các nút submit trên các form. Theo mặc định, khi con trỏ hover qua một link, thì con trỏ chuột thay đổi từ ...

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

Căn lề trong CSS

Để xác định phần không gian xung quanh các phần tử, bạn sử dụng thuộc tính margin trong CSS. Thuộc tính margin thiết lâp kích cỡ của phần khoảng trống BÊN NGOÀI đường viền. Với margin, bạn cũng có thể xác định một giá trị âm cho thuộc tính này để tạo các phần nội dung gối lên nhau. Giá trị ...

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

Căn chỉnh vị trí trong CSS

CSS giúp bạn xác định vị trí các phần tử trong tài liệu HTML. Bạn có thể đặt bất cứ phần từ HTML nào tại bất cứ đâu bạn muốn. Hoặc bạn có thể xác định vị trí tương đối của phần tử này trong mối quan hệ (lệ thuộc) vào vị trí tự nhiên trong trang hoặc vị trí tuyệt đối dựa trên phần tử cha. ...

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

Link trong CSS

Ngoài những cách thông thường để tạo và trang trí đường link mà bạn đã biết trong HTML, thì trong CSS, bạn sẽ có các thuộc tính đa dạng với nhiều giá trị để giúp được link trong Webpage của bạn trở nên đẹp và chuyên nghiệp hơn. Tạo link style trong CSS Để tạo Link Style, chẳng hạn như tạo ...

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

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
< 1 2 3 >