Vùng chọn trong CSS (CSS Combinators) - Học CSS căn bản & nâng cao
Đến series này chắc các bạn cũng đã quen đến selector là gì rồi đúng ko? Trước giờ mình cũng đã quen áp dụng cho CSS thông qua tên thẻ HTML, ID và CLASS. Nhưng đối với trang web thực tế thì không phải thẻ HTML nào cũng có ID hoặc CLASS, vì thế để xác định các thẻ đó thì ta phải ...
After và Before trong CSS - Học CSS căn bản & nâng cao
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 được dùng rất nhiều khi xây dựng layout website. Không những vậy mà các Framework CSS hay FontAwesome cũng sử dụng hai thuộc tính này để tạo icon. 1. ...
Kỹ thuật ClearFix trong CSS - Học CSS căn bản & nâng cao
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 bày một cách chi tiết và cụ thể hơn. Trong bài mình có sử dụng after và before trong CSS nữa nên nếu bạn chưa biết thì quay lại bài đó ...
huộc tính z-index trong CSS - Học CSS căn bản & nâng cao
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 và trong một tài liệu HTML sẽ có một thẻ cha (chính là thẻ HTML). Như vậy là nó đã phân cấp rất rõ ràng và các vị trí sẽ không bị đè ...
Position Fixed trong CSS - Học CSS căn bản & nâng cao
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ó một ví dụ dễ nhìn thấy nhất đó là menu của Zaidap.com.net khi kéo xuống thì nó sẽ đứng im ngay vị trí trên cùng của trình duyêt chứ ...
Xây dựng menu dọc hai cấp đơn giản bằng CSS - Học CSS căn bản & nâng cao
Vậy là chúng ta đã học khá nhiều thuộc tính hay và cho tới bài này thì chúng ta chưa có bài tập thực hành, vì vậy hôm nay minh sẽ làm một menu hai cấp đơn giản bằng CSS. Tuy bài này ở mức đơn giản nhưng rất phù hợp với những bạn mới học CSS, vì vậy nếu bạn nào cảm thấy quá dễ thì có thể bỏ qua bài ...
Position relative - absolute trong CSS - Học CSS căn bản & nâng cao
Thuộc tính position trong CSS dùng để xác định vị trí hiển thị cho thẻ HTML và thường được dùng để xây dựng CSS cho menu đa cấp, tooltip hoặc một số chức năng khác. Position có tổng cộng 5 gias trị như bảng dưới đây nhưng trong bài này mình chỉ trình bày hai thuộc tính đó là ...
huộc tính margin - padding và Box Model trong CSS - Học CSS căn bản & nâng cao
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 xa nhau một khoảng nào đó thì kiến thức ở những bài trước không thể làm được. Vậy nên trong bài này bạn sẽ được tìm hiểu hai thuộc tính ...
huộc tính display trong CSS (inline - block -none) - Học CSS căn bản & nâng cao
Có bao giờ bạn thắc mắc tại sao thẻ p lại có chiều rộng là 100%, hay thẻ div, thẻ header, footer đều có chiều rộng là 100%. Nhưng ngược lại với các thẻ span, a , strong... thì nó có ...
huộc tính float ( left - right - none) trong CSS - Học CSS căn bản & nâng cao
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 ta sử dụng thẻ div và các thẻ HTML5 như thẻ header, footer, article để chia layout. Nhưng bản chất các thẻ đó lại hiển thị dạng ...
ìm hiểu về border trong CSS - Học CSS căn bản & nâng cao
Trong bài này mình sẽ hướng dẫn các bạn cách sử dụng thuộc tính border trong CSS, đây là thuộc tính giúp thiết lập đường viền cho các phần tử HTML. Trước tiên hãy tìm hiểu khái niệm border là gì đã nhé. 1. Border là gì? Border là thuộc tính CSS dùng để tạo đường viền bao quanh nội dung của ...
Các thuộc tính CSS định dạng thẻ a (links) - Học CSS căn bản & nâng cao
Thẻ a đóng vai trò rất quan trọng vì nhiệm vụ của nó là giúp chuyển trang giữa các file trong hệ thống website. Không những vậy mà bên SEO nó cũng có tác dụng chuyển hướng trang để các công cụ tìm kiếm có thể lọc toàn bộ website của bạn. Mỗi website sẽ có nhiều thẻ a và bạn muốn bắt mắt với người ...
Các thuộc tính CSS định dạng text - Học CSS căn bản & nâng cao
CSS cung cấp cho chúng ta một số thuộc tính định dạng text như màu sắc, hiển thị chữ in hoa hoặc in thường, vị trí hiển thị, ... Những thuộc tính này khá hay và rất quan trọng vì nó quyết định tính thẩm mỹ cho các dòng chữ trong website. Trong bài chúng ta tìm hiểu một số thuộc tính định dạng cho ...
ìm hiểu về font trong CSS - Học CSS căn bản & nâng cao
Trong bài này mình sẽ tìm hiểu về font trong CSS và các thuộc tính liên quan. Trước khi đi vào nội dung chính thì mình lấy một ví dụ cho các bạn dễ hiểu, đó là trong phần mềm soạn thảo Word ta có thể tùy chỉnh nhiều thuộc tính cho font như: in đậm, in nghiêng, kiểu chữ, kích ...
ìm hiểu về color trong CSS - Học CSS căn bản & nâng cao
Hôm nay mình xin giới thiệu về màu (color) trong CSS, nó cũng là một phần hết sức quan trọng cho một trang web vì nó tạo cho trang web của mình trở nên sinh động và cuốn hút hơn. Các bạn có thể thiết lập màu cho màu nền (background) hay màu cho đường viền (border) hay màu cho chữ (text) ...
hiết lập màu nền với CSS background - Học CSS căn bản & nâng cao
Trong bài này chúng ta tìm hiểu cách thiết lập màu nền cho các thẻ HTML, đây là một thuộc tính khá quan trọng mà bạn cần phải nắm vững vì hầu hết các trang web đều có sử dụng thuộc tính này để tạo background với các hình ảnh hoặc màu sắc (color). Không đi đâu xa mà tại website Zaidap.com.net ...
Selector là gì? Tìm hiểu CSS Selector căn bản - Học CSS căn bản & nâng cao
CSS Selector đóng vai trò rất quan trọng khi các bạn code layout cho website, tuy nhiên về các loại selector thì hơi nhiều nên trong bài này tôi chỉ trình bày một số selector thông dụng và căn bản nhất để các bạn dễ theo dõi, các vấn đề nâng cao mình sẽ trình bày ở một bài khác. Trước khi ...
Cú pháp CSS - các cách viết CSS - Học CSS căn bản & nâng cao
Ở bài trước chúng ta đã được học khái niệm CSS là gì rồi nhỉ? Vậy thì trong bài này để cho nóng thì chúng ta sẽ tìm hiểu đến cú pháp viết CSS, đồng thời tìm hiểu ba cách trình bày CSS (inline, external, internal). 1. Cú pháp CSS Chúng ta chia một đoạn mã CSS ra gồm hai phần đó là: ...
CSS là gì? Học CSS như thế nào? - Học CSS căn bản & nâng cao
"CSS là gì?" là câu hỏi muôn thuở của những bạn mới bắt đầu học CSS. Về định nghĩa thì nó không phức tạp lắm nhưng về cách sử dụng thì có lẽ là một chặng đường dài và đầy gian nan. Chính vì vậy mình muốn tạo một serie học CSS căn bản để các bạn có một nơi học chất lượng vã đặc biệt là miễn phí ...
Bài 02: Thêm Article Trong HTML5 - Học HTML5 căn bản & nâng cao
Bài trước chúng ta đã được tìm hiểu cấu trúc một template chuẩn HTML5 nhưng chỉ mới học cách sử dụng đơn giản, nên trong bài này ta sẽ đi sâu vào hơn xíu đó là khai báo một article trong html5. Mỗi article chính là một mẫu tin, và ta sẽ coi nó như là một phần gồm có header và footer. Trước tiên ...
