Học CSS3 - Sử dụng @fonf-face - Học CSS3 căn bản & nâng cao
Trước đây nếu bạn muốn website chạy những font chữ độc và lạ mà trên máy tính của Client không cài đặt thì đó là điều không thể, trừ khi client download về và cài đặt trên máy tính của họ. Điều phiền toái này đã được CSS3 khắc phục bằng cách bổ sung vào một rule với tên gọi là @font-face, rule ...
Học CSS3 - Xử lý Text - Học CSS3 căn bản & nâng cao
CS3 hỗ trợ một số thuộc tính giúp việc xử lý text hiệu quả hơn. Nếu trước đây chúng ta gặp khó khăn trong việc xử lý một từ quá dài và bị tràn ra ngoài thẻ HTML thì bây giờ sử dụng CSS3 sẽ giải quyết được. Chúng ta sẽ học ba thuộc tính ...
Học CSS3 - Text Shadow - Box Shadow - Học CSS3 căn bản & nâng cao
Thêm một sự bất ngờ nữa dành cho những bạn yêu mến lập trình CSS3 đó là tạo hiệu ứng shadow mà chỉ có CSS3 mới làm được. Với CSS3 bạn có thể thêm shadow vào một đoạn text, border của thẻ HTML bằng cách sử dụng hai thuộc tính: text-shadow dành ...
Học CSS3 - Gradient Background - Học CSS3 căn bản & nâng cao
Trong bài này chúng ta sẽ tìm hiểu về Gradients trong CSS3, đây là những thuộc tính giúp tạo ra những giao diện có background mờ nhạt mà trước giờ chỉ có các phần mềm như photoshop là làm được. Với Photoshop bạn có thể tạo một hình ảnh với nhiều màu sắc và chúng trộn lẫn với nhau nhìn rất bắt mắt ...
Học CSS3 - Định dạng màu sắc - Học CSS3 căn bản & nâng cao
CSS3 hỗ trợ nhận diện color bằng tên màu, mã hexadecimal và mã RGB. Trong bài này chúng ta sẽ tìm hiểu một số định dạng mã màu thường sử dụng như RGBA colors, HSL colors, HSLA colors, Name colors và đặc biệt hơn là tìm hiểu thuộc tính opacity. ...
Học CSS3 - Các thuộc tính Backgrounds - Học CSS3 căn bản & nâng cao
Trong CSS3 hỗ trợ thêm một số tính năng mới để xử lý background, đó là những thuộc tính xử lý nâng cao hơn thuộc tính background thông thường. Bình thường nếu muốn có hai background nằm đè nhau thì ta phải sử dụng hai thẻ HTML, nhưng với CSS3 thì nó hỗ trợ multiple background (đa backgrouds). ...
Học CSS3 - Border Image - Tạo đường viền bằng hình - Học CSS3 căn bản & nâng cao
Có một số đường viền mang những hoa văn rất đẹp mà ta không thể sử dụng thuộc tính border trong CSS để tạo được. Trường hợp trong CSS thường ta phải tạo bốn thẻ HTML và thiết lập background và cho nó repeat-x để giả đường viền. Nhưng đến với CSS3 thì bạn không cần sử dụng background ...
Học CSS3 - Border Radius - Bo góc - Học CSS3 căn bản & nâng cao
Trong bài này chúng ta sẽ tìm hiểu về thuộc tính border-radius dùng để bo góc đường viền trong CSS3, đây là thuộc tính khá quan trọng vì nó sẽ giúp bạn xây dựng những button có góc cạnh bị bo tròn, trông sẽ rất đẹp và bắt mắt. 1. Border Radius trong CSS3 Trước đây muốn bo tròn bốn góc thì ...
CSS3 là gì? Các module trong CSS3 - Học CSS3 căn bản & nâng cao
Nếu bạn đang đọc bài này thì CSS không còn xa lạ gì với bạn nữa. Tuy nhiên bạn đang cần tìm hiểu đến CSS3 thì trong series này bạn sẽ cùng mình tìm hiểu một số khái niệm và thành phần quan trọng trong CSS3. 1. CSS3 là gì? CSS3 là một chuẩn mới nhất của CSS, hay nói cách khác nó là một Version ...
Margin collapsing trong CSS - Học CSS căn bản & nâng cao
Trong CSS đôi lúc sẽ xảy ra trường hợp đặc biệt là các giá trị của thuộc tính margin chồng lấn các giá trị lên nhau. Nó sẽ lấy giá trị lớn nhất giữa hai gia trị của thuộc tính margin. Hôm nay, Zaidap.com sẽ hướng dẫn các bạn các trường hợp đặc biệt của thuộc tính margin này. 1. Phần Lý Thuyết Và ...
ìm hiểu về border-radius, border-image trong CSS - Học CSS căn bản & nâng cao
Trong phần nâng cao này mình sẽ cùng tìm hiểu về 2 thuộc tính của border trong CSS đó là border-radius và border-image. Mình cùng đi tìm hiểu chi tiết từng thuộc tính nhé. :) 1. Thuộc tinh border-radius Trong CSS border-radius dùng để thiết lập ...
ìm hiểu về Align trong CSS - Học CSS căn bản & nâng cao
Bài học hôm nay mình sẽ cùng tìm hiểu về align trong CSS. Vậy align trong CSS là gì? 1. Align trong CSS Align là sự thiết lập vị trí của phần tử (hoặc nội dung của phần tử) theo một vị trí nào đó, ví dụ thiết lập phần tử div căn giữa, nội dung của phần tử div canh phải ... ...
ìm hiểu về table trong CSS - Học CSS căn bản & nâng cao
Bài học hôm nay mình sẽ cùng tìm hiểu về table trong CSS. Mình có ví dụ sau (đây cũng là đoạn mã HTML mẫu cho các ví dụ phía sau) Ví dụ mẫu RUN <!DOCTYPE html> <html> ...
ìm hiểu về Specificity trong CSS - Học CSS căn bản & nâng cao
Trong bài học này mình sẽ cùng tìm hiểu về Specificity trong CSS là gì. 1. Specificity trong CSS là gì? Trước khi hiểu specificity trong CSS là gì, mình sẽ lấy một ví dụ sau đây cho các bạn dễ hiểu: Ví dụ RUN ...
ìm hiểu về navigation trong CSS - Học CSS căn bản & nâng cao
Hôm nay mình sẽ cùng tìm hiểu về navigation bar trong CSS. Hay còn gọi là menu trong CSS. Có 2 loại navigation thường hay sử dụng nhất là navigation dọc (vertical) và navigation ngang (horizontal). Navigation sau đây gọi là navigation ngang ...
ìm hiểu về unit trong CSS - Học CSS căn bản & nâng cao
Các bài học trước mình đã cùng tìm hiểu về các thuộc tính margin, padding, width, height, font-size ... Giá trị của các thuộc tính này điều có đơn vị đo như pt, px, rem ... Vậy ý nghĩa của từng đơn vị đo đó trong CSS như thế nào. Mình sẽ cùng tìm hiểu trong bài CSS Unit này. Trước tiên ...
ìm hiểu về Pseudo-Elements trong CSS - Học CSS căn bản & nâng cao
Ở bài trước mình đã tìm hiểu về Pseudo-classes là gì, và mình cũng đã lấy ví dụ cho một số pseudo-class. Trong bài học này mình tìm hiểu về Pseudo-Elements là gì? CSS hỗ trợ những pseudo-element nào. Mình cùng tìm hiểu trong bài học này nhé. ...
ìm hiểu về pseudo-class trong CSS - Học CSS căn bản & nâng cao
Trong bài viết này chúng ta sẽ cùng tìm hiểu về Pseudo-classes trong CSS. Vậy Pseudo-classes là gì? Mình sẽ cùng tìm hiểu trong mục sau. 1. Pseudo-classes là gì Pseudo-classes dùng để xác định trạng thái đặc biệt của một phần ...
ìm hiểu về overflow trong CSS - Học CSS căn bản & nâng cao
Chắc hẳn ai học lập trình web cũng đã từng gặp một khó khăn đó là khi nội dung của một phần tử nào đó quá lớn so với kích cỡ của phần tử thì phần nội dung đó sẽ bị tràn ra khỏi khu vực được chỉ định cho phần tử đó. Vậy để khắc phục khó khăn đó như thế nào? Trong CSS có thuộc ...
ìm hiểu về list trong CSS - Học CSS căn bản & nâng cao
Trong bài học này mình sẽ cùng tìm hiểu về danh sách (list) trong CSS. Vậy danh sách (list) là gì, có mấy loại danh sách (list) trong HTML, trong CSS có các thuộc tính nào sẽ được áp dụng trên danh sách (list). Mình cùng nhau tìm hiểu trong bài này nhé. 1. Danh sách (list) trong ...
