Hướng dẫn cho người mới bắt đầu về lớp CSS – lớp css là gì

Tìm hiểu về các lớp CSS là gì, tại sao chúng giúp bạn nâng cao trải nghiệm người dùng và cách kết hợp chúng trên trang web của bạn.

Bạn đang xem : lớp css là gì

Hãy tưởng tượng bạn đang thiết kế một trang web. Bạn muốn một nhóm tiêu đề có văn bản lớn màu đỏ, một nhóm các nút có văn bản màu trắng vừa và một nhóm đoạn văn có văn bản nhỏ màu xanh lam.

Lựa chọn táo bạo. Tuy nhiên, nhờ các lớp CSS, bạn có thể làm chính xác điều đó. Các lớp CSS cho phép bạn áp dụng các thuộc tính kiểu duy nhất cho các nhóm phần tử HTML để đạt được giao diện trang web mong muốn của bạn.

Trong bài đăng này, chúng tôi sẽ đề cập đến các thuật ngữ cơ bản bạn cần biết, như lớp CSS, bộ chọn lớp và tính đặc trưng của CSS. Chúng tôi cũng sẽ hướng dẫn cách tạo một lớp trong CSS và sử dụng nó để tạo kiểu cho các trang web của bạn.

Tải xuống ngay: Hack HTML & amp; CSS miễn phí < / span>

Lớp CSS là gì?

Lớp CSS là một thuộc tính được sử dụng để xác định một nhóm các phần tử HTML nhằm áp dụng kiểu và định dạng duy nhất cho các phần tử đó bằng CSS.

Hãy xem ví dụ về cách hoạt động của các lớp CSS. Dưới đây, chúng tôi có một trang HTML đơn giản với ba tiêu đề (phần tử h2 ) và ba đoạn (phần tử p ).

Lưu ý rằng tiêu đề thứ hai, tiêu đề thứ ba và đoạn văn cuối cùng được tạo kiểu khác với phần còn lại – điều này là do các phần tử này đã được gán lớp sáng . Nhìn vào CSS, chúng ta thấy công cụ chọn .bright , áp dụng quy tắc kiểu của nó cho tất cả các phần tử có thuộc tính class = “sáng” .

Xem Pen css class: header example của Christina Perricone ( @hubspot ) trên CodePen .

Bạn có thể sử dụng các lớp CSS để nhóm các phần tử HTML và sau đó áp dụng các kiểu tùy chỉnh cho chúng. Bạn có thể tạo các lớp và áp dụng chúng cho văn bản, nút, nhịp và div , bảng, hình ảnh hoặc bất kỳ phần tử trang nào khác mà bạn có thể nghĩ đến. Bây giờ chúng ta hãy xem xét kỹ hơn cách chúng ta có thể sử dụng các lớp CSS để tạo kiểu cho các phần tử trang.

Cách tạo lớp trong CSS

Hãy thử tạo một lớp CSS từ đầu. Giả sử bạn muốn tạo một đoạn văn bản và tạo kiểu cho các từ nhất định để có điểm nhấn hơn. Bạn có thể thực hiện việc này bằng cách tạo một lớp CSS cho các từ đặc biệt này, sau đó gán lớp này cho các từ riêng lẻ có thẻ span .

Bắt đầu bằng cách viết ra các phần tử HTML bạn muốn tạo kiểu. Trong trường hợp này, đó là một đoạn văn bản:

  
& lt; p & gt; Phần mềm tiếp thị & lt; span & gt; của chúng tôi & lt; / span & gt; và & lt; span & gt; nền tảng dịch vụ & lt; / span & gt; cung cấp cho bạn những công cụ cần thiết để & lt; span & gt; tương tác & lt; / span & gt; khách truy cập, & lt; span & gt; chuyển đổi & lt; / span & gt; họ trở thành khách hàng tiềm năng và & lt; span & gt; thu phục họ & lt; / span & gt; với tư cách là khách hàng. & lt; / p & gt;

Tôi cũng đã đặt các thẻ & lt; span & gt; xung quanh các từ mà chúng tôi sẽ sớm tạo kiểu bằng một lớp CSS.

Tiếp theo, hãy thêm thuộc tính lớp vào các thẻ & lt; span & gt; này. Để làm như vậy, hãy thêm thuộc tính class = “name” vào thẻ mở của phần tử được nhắm mục tiêu và thay thế name bằng một số nhận dạng duy nhất cho lớp.

Nguồn hình ảnh

Trong ví dụ của chúng tôi, HTML trông giống như sau:

  
& lt; p & gt; & lt; span class = "orange-text" & gt; phần mềm tiếp thị & lt; / span & gt; và & lt; span class = "orange-text" & gt; nền tảng dịch vụ & lt; / span & gt; cung cấp cho bạn những công cụ cần thiết để & lt; span class = "blue-text" & gt; thu hút & lt; / span & gt; khách truy cập, & lt; span class = "blue-text" & gt; chuyển đổi & lt; / span & gt; họ trở thành khách hàng tiềm năng và & lt; span class = "blue-text" & gt; giành được họ & lt; / span & gt; với tư cách là khách hàng. & lt; / p & gt;

Tại đây, chúng tôi đã thêm hai lớp CSS vào thẻ span của chúng tôi: văn bản màu cam văn bản màu xanh lam .

Bây giờ, hãy xem qua một số câu hỏi mà bạn có thể có về các lớp CSS.

Bạn có thể thêm lớp CSS trong HTML ở đâu?

Các lớp CSS có thể được thêm vào bất kỳ phần tử HTML nào. Một số điều phổ biến nhất bao gồm:

  • Đoạn văn (& lt; p & gt;)
  • Nội dung (& lt; body & gt;)
  • Tiêu đề (& lt; title & gt;)
  • Tiêu đề (& lt; h1 & gt ;, & lt; h2 & gt ;, & lt; h3 & gt ;, v.v.)
  • Dấu ngoặc kép (& lt; blockquote & gt;)
  • Khoảng cách (& lt; span & gt;)
  • Đơn vị (& lt; div & gt;)
  • Hình ảnh (& lt; img & gt;)
  • Các nút (& lt; nút & gt;)
  • Nhúng (& lt; nhúng & gt;)
  • Liên kết (& lt; a & gt;)
  • Danh sách có thứ tự và các mục trong danh sách (& lt; ol & gt; và & lt; li & gt ;, tương ứng)
  • Danh sách không theo thứ tự và các mục trong danh sách (& lt; ul & gt; và & lt; li & gt ;, tương ứng)
  • Bảng (& lt; bảng & gt;)

Nói một cách đơn giản, nếu bạn có một phần tử HTML, bạn có thể thêm một lớp CSS.

Bạn có thể thêm bao nhiêu lớp CSS vào một phần tử?

Một trong những cách sử dụng phổ biến nhất của lớp trong CSS là thêm một kiểu cụ thể vào một phần tử cụ thể.

Đáng chú ý? Bạn không bị giới hạn ở một lớp cho mỗi phần tử. Xem xét các đoạn văn. Mặc dù bạn có thể chỉ định các lớp CSS cho tất cả các đoạn văn trên trang của mình – chẳng hạn như kích thước phông chữ hoặc màu nền – bạn cũng có thể chỉ định các lớp cho các đoạn văn riêng lẻ để thay đổi màu sắc hoặc lề của chúng trong khi vẫn giữ nguyên thay đổi kiểu tổng thể.

Xem Thêm  CAST và CHUYỂN ĐỔI (Transact-SQL) - SQL Server - định dạng ngày truyền sql

Trên thực tế, bạn có thể thêm bao nhiêu lớp tùy thích vào một phần tử duy nhất, nhưng cần theo dõi những gì bạn đang thay đổi để đảm bảo bạn có thể hoàn nguyên về các phiên bản trước nếu kết quả cuối cùng không phù hợp với mong đợi của bạn .

Sự khác biệt giữa Class và ID trong HTML là gì?

Sự khác biệt giữa lớp và ID trong HTML là ID là duy nhất – các lớp thì không. Trên thực tế, điều này có nghĩa là nhiều phần tử trên một trang có thể có lớp, trong khi các phần tử chỉ có thể có một ID và mỗi trang chỉ có thể có một phần tử có ID đó.

Xem xét một nhận xét cụ thể về một bài đăng WordPress. Mặc dù bạn có thể sử dụng lớp “item” để xác định tất cả các nhận xét trên cùng một trang, nhưng bạn cũng có thể gán giá trị WordPress được tạo động cho nhận xét làm ID duy nhất của nó.

Đây là ID duy nhất mà phần tử có thể có và nó không thể được lặp lại ở bất kỳ đâu trên trang. Sử dụng ID cho phép bạn dễ dàng xác định vị trí các phần tử cụ thể và đảm bảo không lặp lại cùng một ID giữa các phần tử là điều cần thiết để mã HTML của bạn hiển thị đúng trên giao diện người dùng.

Khi nào sử dụng ID so với Class

Mặc dù không có quy tắc nhanh chóng và khó sử dụng ID so với lớp, nhưng sự đồng thuận cho rằng có giá trị sử dụng ID cho các phần tử xuất hiện một lần trên mỗi trang – chẳng hạn như đầu trang, chân trang hoặc menu – trong khi lớp được sử dụng cho các phần tử chẳng hạn như đoạn văn, liên kết và các nút xuất hiện nhiều lần.

Như đã lưu ý ở trên, ID có thể được sử dụng cùng với các lớp. Ví dụ: hai phần tử nút có thể có các lớp giống nhau để xác định kích thước và kiểu cơ bản của chúng, nhưng ID khác nhau để xác định vị trí của chúng trên trang.

Khi bạn đã thêm một lớp vào một phần tử, bạn cần tạo bộ quy tắc cho các lớp này trong CSS. “Bộ quy tắc” là các dòng mã cho trình duyệt biết các phần tử đó sẽ trông như thế nào trên giao diện người dùng của trang web của bạn. Chúng ta có thể bắt đầu tạo bộ quy tắc bằng cách sử dụng bộ chọn lớp CSS và khối khai báo.

Cuối cùng, bạn cần tạo bộ quy tắc cho các lớp này trong CSS. Chúng tôi thực hiện việc này bằng cách sử dụng bộ chọn lớp CSS và khối khai báo.

Bộ chọn lớp trong CSS là gì?

Trong CSS, bộ chọn lớp được định dạng dưới dạng ký tự dấu chấm (.) theo sau là tên của lớp. Nó chọn tất cả các phần tử có thuộc tính lớp đó để các khai báo CSS duy nhất có thể được áp dụng cho các phần tử cụ thể đó mà không ảnh hưởng đến các phần tử khác trên trang.

Trong ví dụ của chúng tôi, chúng tôi sẽ tạo các khối khai báo cho cả hai lớp CSS của chúng tôi bằng các bộ chọn .orange-text .blue-text :

  
/ * khai báo cho lớp CSS đầu tiên của chúng tôi * /
.orange-text {
color: orange ;
font-weight: bold;
}

/ * cho lớp CSS thứ hai của chúng tôi * /
.blue-text {
color: blue ;
font-weight: bold;
}

Khi chúng tôi ghép HTML và CSS với nhau, chúng tôi thấy cách các lớp CSS của chúng tôi nhắm mục tiêu các phần tử nhất định với kiểu tùy chỉnh của chúng tôi:

Xem Bút ký css class: span example của Christina Perricone ( @hubspot ) trên CodePen .

Lưu ý rằng thuộc tính class không tự thay đổi nội dung hoặc kiểu của tài liệu HTML. Có nghĩa là, chỉ cần thêm thuộc tính lớp vào một phần tử mà không có bất kỳ CSS nào sẽ không thay đổi giao diện hoặc định dạng của phần tử trên giao diện người dùng. Bạn cần gán các quy tắc CSS cho lớp để xem bất kỳ thay đổi nào.

Nó cũng giúp tạo tên lớp mô tả phần tử trong lớp. Trong ví dụ trên, chúng tôi đã sử dụng tên .orange-text .blue-text vì chúng tôi tạo ra nhiều màu sắc văn bản . Những tên này đủ mô tả để ai đó chỉ cần đọc CSS cũng có thể hiểu được mục đích của lớp.

Tên lớp có thể là một hoặc nhiều từ. Nếu tên lớp của bạn là nhiều từ, hãy sử dụng dấu gạch ngang nơi bạn sẽ đặt khoảng trắng. Ngoài ra, thông thường là viết tên lớp bằng chữ thường. Một số ví dụ về tên lớp bao gồm .bright-blue .fancy-text .

Cách sử dụng các lớp CSS

Giờ chúng ta đã hiểu lớp CSS là gì và cách nó xuất hiện trong phần nội dung của tệp HTML, hãy cùng xem các trường hợp sử dụng phổ biến.

Lớp CSS Bootstrap

Nhiều khuôn khổ CSS sử dụng nhiều lớp CSS. Ví dụ: Bootstrap CSS sử dụng các lớp để xác định các phần tử trang.

Hãy xem ví dụ về cách Bootstrap sử dụng các lớp CSS. Trong Bootstrap CSS, lớp CSS .btn có thể được sử dụng với & lt; nút & gt; HTML phần tử (cũng như phần tử & lt; a & gt; & lt; input & gt; ). Bootstrap chứa CSS tự động định dạng bất kỳ phần tử nào được xác định với lớp .btn theo một cách nhất định. Do đó, chỉ cần thêm thuộc tính class = “btn” vào một phần tử sẽ thay đổi giao diện của phần tử đó.

Chính xác hơn, việc thêm lớp .btn vào một phần tử sẽ đặt phông chữ và kích thước phông chữ và nếu khách truy cập nhấp vào văn bản nút, đường viền của nút với các cạnh tròn sẽ xuất hiện.

Bootstrap cũng có các lớp để tạo kiểu cho các nút theo những cách khác, chẳng hạn như màu nền. Nếu chúng tôi thêm lớp .btn-thành công hoặc .btn-nguy hiểm thì nút sẽ hiển thị tương ứng là màu xanh lá cây hoặc màu đỏ.

Xem Thêm  Xâu trong C++ - đếm số lần xuất hiện của các phần tử trong mảng pascal

Xem Pen css class: bootstrap example của Christina Perricone ( @hubspot ) trên CodePen .

Với các lớp CSS, Bootstrap cho phép chúng tôi nhanh chóng tạo kiểu cho các phần tử trang bằng cách chỉ thêm một hoặc nhiều tên lớp. Các lớp CSS cho phép bạn định dạng các loại phần tử khác nhau trong khi viết ít mã hơn.

Bộ chọn con cháu

Mục tiêu của các lớp CSS là áp dụng định dạng cho các phần tử cụ thể. Vì vậy, các bộ chọn con cháu là một bổ sung tuyệt vời cho hộp công cụ của bạn.

Các bộ chọn con cho phép bạn nhắm mục tiêu các phần tử bên trong các phần tử khác. Ví dụ: bạn có thể đã tạo một lớp để xác định kiểu chung cho đoạn văn hoặc văn bản tiêu đề, nhưng muốn một số từ nhất định trong đoạn được tạo kiểu theo cách riêng của chúng.

Các bộ chọn phụ trội cho phép bạn thêm các kiểu đặc biệt này vào các từ cụ thể mà không ảnh hưởng đến văn bản xung quanh hoặc thay đổi tài liệu HTML của bạn.

Giả sử bạn áp dụng lớp .blue-text cho một tiêu đề, nhưng muốn thay đổi màu của một từ trong tiêu đề. Bao bọc từ trong phần tử span , sau đó thêm một bộ quy tắc khác bằng bộ chọn con: Sau bộ chọn lớp CSS .blue-text , hãy thêm một khoảng trắng và sau đó thêm bộ chọn loại < strong> span .

Xem Pen css class: child selector example của Christina Perricone ( @hubspot ) trên CodePen .

Tuy nhiên, hãy cẩn thận đừng lạm dụng điều này. Việc lạm dụng các công cụ chọn hậu duệ có thể khiến bạn thiết lập các quy tắc khó hiểu khiến bạn khó thực hiện các thay đổi.

Lớp giả

Có nhiều thứ để xem trên một trang web hơn là nội dung HTML. Rất nhiều thông tin về hoạt động của người dùng được truyền đi trong khi họ tương tác với trang. Một số thông tin phản ánh những gì họ đang làm.

Xem xét một liên kết trong nội dung của bạn. Người dùng có thể có hoặc không tương tác với nó. Nếu có, bạn có thể sử dụng lớp giả để nắm bắt thông tin người dùng tạm thời, chẳng hạn như khi họ di chuột, nhấp và nhấp vào liên kết.

Các lớp giả được xác định bằng dấu hai chấm theo sau là lớp. Chúng sẽ xuất hiện sau một bộ chọn CSS không có khoảng trắng ở giữa.

Các lớp giả phổ biến để tạo kiểu liên kết là:

  • : link nhắm mục tiêu một liên kết mà người dùng chưa truy cập.
  • : đã truy cập nhắm mục tiêu một liên kết đã được người dùng truy cập trước đó.
  • : hover nhắm mục tiêu một liên kết bằng con trỏ của người dùng qua đó.
  • : active nhắm mục tiêu một liên kết đang bị nhấn xuống.

Hãy xem một ví dụ. Giả sử bạn muốn xóa gạch chân chỉ từ một số liên kết nhất định ở tất cả các tiểu bang. Có nghĩa là, bất kể người dùng đã truy cập vào liên kết, đang di chuột qua nó hay đang chủ động nhấn xuống nó, một gạch dưới sẽ không xuất hiện bên dưới những liên kết cụ thể này.

Trong trường hợp đó, bạn chỉ thêm thuộc tính lớp vào các liên kết mà bạn muốn xóa gạch dưới. Sau đó, thêm bốn bộ quy tắc với bộ chọn lớp và bốn lớp giả tương ứng. Trong mỗi khối khai báo, bạn sẽ đặt thuộc tính text-decoration thành không .

Xem Bút ký css class: pseudo class của Christina Perricone ( @hubspot ) trên CodePen .

Lớp CSS so với Bộ chọn ID

Trong CSS, các lớp nhóm nhiều phần tử lại với nhau, trong khi ID được sử dụng để xác định một phần tử. Sử dụng bộ chọn lớp để tạo kiểu cho nhiều phần tử HTML của cùng một lớp và bộ chọn ID để tạo kiểu cho một phần tử HTML duy nhất.

Mặc dù bạn có thể có nhiều bản sao của một lớp trên trang HTML, nhưng bạn chỉ có thể có một bản sao của ID CSS trên một trang. Để cung cấp ID cho một phần tử, hãy thêm thuộc tính id = “name” vào thẻ mở của phần tử đó và thay thế name bằng một tên nhận dạng duy nhất. Trong CSS, bộ chọn ID tương ứng bắt đầu bằng dấu thăng (#) thay vì dấu chấm.

Ngoài ra, thuộc tính ID cung cấp mục tiêu cho các phân đoạn URL (chẳng hạn như liên kết trang), vì vậy chúng phải là duy nhất. Các phân đoạn giúp bạn giới thiệu người dùng đến một phần cụ thể của trang web – phân đoạn trông giống như một bộ chọn ID được đặt ở cuối URL.

Nguồn hình ảnh

Tính đặc hiệu của CSS

Đôi khi, các quy tắc CSS xung đột. Ví dụ: nếu nhiều bộ chọn nhắm mục tiêu đến cùng một phần tử trong một tài liệu, thì quy tắc nào sẽ áp dụng? Điều này được xác định bởi Đặc tính của CSS . Trong CSS, các bộ chọn khác nhau có trọng số khác nhau. Khi hai hoặc nhiều quy tắc xung đột trên cùng một yếu tố, thì quy tắc cụ thể hơn sẽ được áp dụng.

Đây là cách các bộ chọn khác nhau xếp hạng trong thứ bậc tính năng cụ thể:

  1. CSS nội tuyến: CSS nội tuyến xuất hiện dưới dạng thuộc tính kiểu trong thẻ mở của các phần tử HTML. Vì CSS này gần với HTML nhất nên nó có mức độ cụ thể cao nhất.
  2. Bộ chọn ID: ID là duy nhất cho một phần tử trang và do đó, rất cụ thể.
  3. Bộ chọn lớp, bộ chọn thuộc tính và bộ chọn lớp giả: Ba loại bộ chọn này có tính đặc hiệu như nhau. Nếu cả ba loại đều được áp dụng cho cùng một phần tử HTML thì phần tử xuất hiện mới nhất trong biểu định kiểu sẽ áp dụng và ghi đè phần còn lại.
  4. Bộ chọn loại : Các bộ chọn này chọn tất cả các phần tử HTML có tên nút nhất định và có cú pháp phần tử . Đây là tên phần tử và phần tử giả.
Xem Thêm  Cách tắt hoặc bật các nút bằng javascript và jquery - làm cho nút hiển thị javascript

Đây là nơi bộ chọn ID tỏa sáng. Bởi vì chúng rất cụ thể, hầu như bất kỳ loại bộ chọn nào khác đi ngược lại với chúng đều thua. Mặt khác, bộ chọn đa năng (*) sẽ luôn bị mất vì độ đặc hiệu thấp.

Đôi khi, sau khi áp dụng một lớp CSS cho một loạt các phần tử, bạn có thể muốn ghi đè các khai báo cho một phần tử cụ thể trên trang. Hãy xem qua cách bạn có thể dễ dàng thực hiện điều đó.

Cách ghi đè lớp CSS

Bạn đang tìm cách ghi đè một lớp CSS? Đây là cách thực hiện.

Xác định lớp bạn muốn ghi đè.

Đầu tiên, hãy xác định lớp bạn muốn ghi đè và cụ thể là quy tắc bạn muốn thay đổi. Đây có thể là màu chữ, kích thước, vị trí, v.v. Bản thân lớp không quan trọng bằng việc xác định vị trí của lớp và cách lớp đó liên quan đến các yếu tố xung quanh nó. Lý tưởng nhất là bạn muốn gây ra sự gián đoạn CSS tối thiểu khi thực hiện ghi đè.

Tạo một khai báo cụ thể hơn.

Quy tắc cơ bản khi nói đến hai lớp xung đột là lớp có khai báo cụ thể hơn sẽ thắng. Ví dụ: bộ chọn ID cụ thể hơn bộ chọn lớp và bộ chọn lớp cụ thể hơn bộ chọn loại.

Trên thực tế, điều này có nghĩa là việc thêm bộ chọn lớp vào một phần tử chỉ có bộ chọn loại sẽ ghi đè lớp hiện tại, trong khi việc thêm bộ chọn ID sẽ ghi đè lên bất kỳ bộ chọn loại hoặc lớp cạnh tranh nào.

Ngoài ra, hãy sử dụng ! khai báo quan trọng .

Bạn cũng có thể sử dụng khai báo! important làm phím tắt để ghi đè lớp CSS. Trong CSS,! Important có nghĩa là chính xác – rằng chỉ thị sau là quan trọng và phải được áp dụng. Khi được đặt ở cuối một khai báo,! Important sẽ được ưu tiên hơn các lớp khác. Nhấp vào đây để tìm hiểu thêm về giao diện này.

Báo trước? Khai báo này phá vỡ một cách hiệu quả chức năng xếp tầng tự nhiên của CSS, do đó làm cho mã của bạn khó gỡ lỗi hơn, vì vậy tốt nhất là nên sử dụng một cách tiết kiệm.

Bắt đầu sử dụng các lớp CSS

Các lớp CSS giúp bạn tùy chỉnh các phần tử trên trang web nhanh hơn và dễ dàng hơn. Sử dụng bộ chọn lớp CSS cho phép bạn thiết lập các quy tắc để định dạng toàn bộ các lớp của các phần tử HTML, các phần tử cụ thể trong một lớp hoặc các phần tử đơn lẻ trên nhiều lớp. Bạn có thể sáng tạo tùy thích khi thiết kế trang web của mình, nhưng hãy nhớ mục tiêu là cải thiện trải nghiệm người dùng trên trang web của bạn.

Ghi chú của người biên tập: Bài đăng này ban đầu được xuất bản vào tháng 2 năm 2020 và đã được cập nhật để có tính toàn diện.

Gọi hành động mới


Xem thêm những thông tin liên quan đến chủ đề lớp css là gì

HTML, CSS là gì?

alt

  • Tác giả: F8 Official
  • Ngày đăng: 2020-01-30
  • Đánh giá: 4 ⭐ ( 9740 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 👉 Link đặt mua áo Polo F8: https://forms.gle/rff9K64GsSiANRzj6

    Hãy học tại http://fullstack.edu.vn để quản lý được tiến độ học của bạn. Trong tương lai còn giúp bạn có hồ sơ đẹp trong mắt Nhà Tuyển Dụng.

    hoclaptrinh mienphi frontend backend devops
    ———————————————————–
    SƠN ĐẶNG
    ► Facebook: https://fb.com/sondnmc
    ► Email: sondnf8@gmail.com
    —————————————
    ► Học lập trình: http://fullstack.edu.vn
    ► Viết CV xin việc: http://mycv.vn
    —————————————
    HỌC LẬP TRÌNH MIỄN PHÍ
    ► Khóa Javascript cơ bản: https://fullstack.edu.vn/courses/javascript-co-ban
    ► Khóa HTML, CSS: https://fullstack.edu.vn/courses/html-css

CSS là gì?

  • Tác giả: topdev.vn
  • Đánh giá: 4 ⭐ ( 5160 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML). Nói ngắn gọn hơn là ngôn ngữ tạo phong cách cho trang web.

CSS là gì ?

  • Tác giả: vietjack.com
  • Đánh giá: 5 ⭐ ( 7312 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: CSS là gì ? – Học CSS cơ bản và nâng cao theo từng bước bắt đầu từ CSS là gì, Thuộc tính trong CSS, Cú pháp CSS, Căn lề trong CSS, Border trong CSS, Căn chỉnh vị trí trong CSS, Định dạng Text trong CSS, Pseudo Class, Pseudo Element, Phần tử giả trong CSS, Hiệu ứng trong CSS, Đơn vị trong CSS, Color trong CSS, Chia cột trong CSS, Qui tắc trong CSS.

CSS là gì? Lý do tại sao nên sử dụng CSS là gì bạn có biết?

  • Tác giả: teky.edu.vn
  • Đánh giá: 5 ⭐ ( 1004 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bạn có quan tâm CSS là gì hay không? Nếu là một người muốn tìm tòi về thế giới IT rộng lớn, chắc chắn bạn không nên bỏ qua bài viết này đâu.

CSS là gì? cách hoạt động và cách học CSS

  • Tác giả: websitehcm.com
  • Đánh giá: 5 ⭐ ( 1022 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: CSS là gì? cách hoạt động và cách học CSS w3seo tìm hiểu về các khái niệm cơ bản trong CSS, nguyên lý sử dụng CSS trong html

CSS là gì? Cách thức hoạt động và 10 thuật ngữ phổ biến nhất trong CSS

  • Tác giả: www.emg.com.vn
  • Đánh giá: 4 ⭐ ( 4130 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: CSS là gì? CSS là một ngôn ngữ được sử dụng để mô tả giao diện và định dạng của một trang web. CSS cùng với HTML và JavaScript là nền tảng để xây dựng các

CSS là gì? Cách thức hoạt động và 10 thuật ngữ phổ biến nhất trong CSS

  • Tác giả: vicogroup.vn
  • Đánh giá: 3 ⭐ ( 1721 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: CSS là gì? CSS là một ngôn ngữ được sử dụng để mô tả giao diện và định dạng của một trang web.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình