Thông tin liên hệ

Bài 20: Tìm hiểu về list trong CSS

Bài 20: Tìm hiểu về list trong CSS

  •   14/05/2019 04:53:00 AM
  •   Đã xem: 23
  •   Phản hồi: 0
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é.
Bài 19: Vùng chọn trong CSS (CSS Combinators)

Bài 19: Vùng chọn trong CSS (CSS Combinators)

  •   14/05/2019 04:48:00 AM
  •   Đã xem: 26
  •   Phản hồi: 0
Đế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 sử dụng một cách khác đó là CSS Combinators.Vậy CSS Combinators là gì? Cách sử dụng CSS Combinators như thế nào? Và ngày hôm nay mình xin được giới thiệu nội dung này đến các bạn.

Bài 18: After và Before trong CSS

  •   14/05/2019 04:37:00 AM
  •   Đã xem: 20
  •   Phản hồi: 0
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.

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

  •   14/05/2019 04:31:00 AM
  •   Đã xem: 22
  •   Phản hồi: 0
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 đó đọc nhé.

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

  •   13/05/2019 08:06:00 AM
  •   Đã xem: 22
  •   Phản hồi: 0
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ị đè lẫn nhau.Nhưng vấn đề hiển thị của HTML lại phụ thuộc vào CSS và các thẻ có thể bị đè lên nhau bằng cách sử dụng các thuộc tính đặc biệt trong CSS như float, position. Và để giải quyết vấn đề đó như thế nào thì thì chúng ta cùng tìm hiểu nhé.

Bài 15: Position Fixed trong CSS

  •   13/05/2019 08:02:00 AM
  •   Đã xem: 13
  •   Phản hồi: 0
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 freetuts.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ứ không bị đẩy lên trên, đó chính là tác dụng của thuộc tính position:fixed.

Bài 14: Xây dựng menu dọc hai cấp đơn giản bằng CSS

  •   12/05/2019 09:42:00 AM
  •   Đã xem: 13
  •   Phản hồi: 0
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 này.

Bài 13: Position relative - absolute trong CSS

  •   12/05/2019 09:38:00 AM
  •   Đã xem: 11
  •   Phản hồi: 0
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 giá trị nhưng trong bài này mình chỉ trình bày hai thuộc tính đó là relative và absolute.

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

  •   12/05/2019 09:35:00 AM
  •   Đã xem: 9
  •   Phản hồi: 0
hú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 margin, padding để giải quết vấn đề đó và cuối cùng là mô hình Box Model trong CSS.

Bài 11: Thuộc tính display trong CSS (inline - block -none)

  •   12/05/2019 09:31:00 AM
  •   Đã xem: 8
  •   Phản hồi: 0
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ó chiều rộng phụ thuộc vào nội dung bên trong của thẻ, không những vậy mà nó cũng không thể sử dụng được hai thuộc tính margin (top và bottom). Vậy thì trong bài này chúng ta tìm hiểu thuộc tính display và các giá trị của nó để các bạn trả lời các câu hỏi trên.
Bài 10: Thuộc tính float ( left - right - none) trong CSS

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

  •   11/05/2019 09:37:00 AM
  •   Đã xem: 10
  •   Phản hồi: 0
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 block nên không thể chia ra các khối header, footer, sidebar như giao diện design được.
Bài 9: Tìm hiểu về border trong CSS

Bài 9: Tìm hiểu về border trong CSS

  •   11/05/2019 09:15:00 AM
  •   Đã xem: 9
  •   Phản hồi: 0
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é.
Bài 8: Các thuộc tính CSS định dạng thẻ a (links)

Bài 8: Các thuộc tính CSS định dạng thẻ a (links)

  •   11/05/2019 09:08:00 AM
  •   Đã xem: 17
  •   Phản hồi: 0
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 dùng thì buộc phải style cho nó như xác định chiều cao, độ lớn chữ, màu sắc, hover, ... Và trong bài này mình sẽ trình bày tất cả các vấn đề này.

Bài 7: Các thuộc tính CSS định dạng text

  •   11/05/2019 09:04:00 AM
  •   Đã xem: 18
  •   Phản hồi: 0
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 text như sau:colortext-decorationtext-transformtext-aligntext-indentCòn khá nhiều nhưng mình không trình bày ở đây.
Bài 6: Tìm hiểu về font trong CSS

Bài 6: Tìm hiểu về font trong CSS

  •   11/05/2019 09:01:00 AM
  •   Đã xem: 19
  •   Phản hồi: 0
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 thước. Ta gọi đây là những thông số của font, và bạn hoàn toàn có thể làm điều này trong CSS.Để biết cách sử dụng font trong CSS như thế nào thì mình cùng điểm qua các thuộc tính chính của font nhé.
Bài 5: Tìm hiểu về color trong CSS

Bài 5: Tìm hiểu về color trong CSS

  •   11/05/2019 08:56:00 AM
  •   Đã xem: 12
  •   Phản hồi: 0
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) hay màu cho đường khung của bảng (table)....Vậy để sử dụng màu trong CSS như thế nào? Làm sao để lấy được mã màu của một hình ảnh nào đó. Mời các bạn xem tiếp nội dung sau đây:

Bài 4: Thiết lập màu nền với CSS background

  •   10/05/2019 09:35:00 AM
  •   Đã xem: 13
  •   Phản hồi: 0
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 freetuts.net bạn thấy hai bên trái phải ngoài cùng có màu nền xám xám, đó là mình sử dụng thuộc tính background-image để thiết lập đấy.Trong bài này chúng ta sẽ tìm hiểu một số thuốc tính backgrounds sau:backgroundbackground-colorbackground-imagebackground-repeatbackground-attachmentbackground-positionLưu ý: Vì vấn đề khó khăn trong demo nên mình sẽ viết dạng internal
Bài 3: Selector là gì? Tìm hiểu CSS Selector căn bản

Bài 3: Selector là gì? Tìm hiểu CSS Selector căn bản

  •   10/05/2019 09:23:00 AM
  •   Đã xem: 10
  •   Phản hồi: 0
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.

Bài 2 : Cú pháp CSS - các cách viết CSS

  •   10/05/2019 09:08:00 AM
  •   Đã xem: 10
  •   Phản hồi: 0
Ở 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).

Các tin khác

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây