Đó là các thuộc tính CSS chính xác?

Giải trình. CSS là viết tắt của Cascading Style Sheet. CSS dùng để thiết kế các thẻ HTML. CSS là một ngôn ngữ được sử dụng rộng rãi trên web. HTML, CSS và JavaScript được sử dụng để thiết kế web. Nó giúp các nhà thiết kế web áp dụng phong cách trên các thẻ HTML

2) Cú pháp nào sau đây là đúng để tham chiếu biểu định kiểu bên ngoài?

Câu trả lời. (d)

Giải trình. Biểu định kiểu bên ngoài thường được sử dụng khi bạn muốn thực hiện thay đổi trên nhiều trang. Nó sử dụng thẻ trên mọi trang và thẻ phải được đặt bên trong phần đầu

3) Thuộc tính trong CSS được sử dụng để thay đổi màu nền của phần tử là -

1. bgcolor
2. màu
3. màu nền
4. Tất cả những điều trên

Câu trả lời. (c) màu nền

Giải trình. Thuộc tính màu nền được sử dụng để chỉ định màu nền của phần tử. Nền của một phần tử bao phủ toàn bộ kích thước, bao gồm phần đệm và đường viền và không bao gồm lề

4) Thuộc tính trong CSS được sử dụng để thay đổi màu văn bản của một phần tử là -

1. bgcolor
2. màu
3. màu nền
4. Tất cả những điều trên

Câu trả lời. (b) màu sắc

Giải trình. Thuộc tính color trong CSS được sử dụng để đặt màu cho các phần tử HTML. Thông thường, thuộc tính này được sử dụng để đặt màu phông chữ của một phần tử. Trong CSS, chúng tôi sử dụng các giá trị màu để chỉ định màu. Chúng ta cũng có thể sử dụng thuộc tính này cho màu viền và các hiệu ứng trang trí khác

5) Thuộc tính CSS được sử dụng để kiểm soát kích thước phông chữ của phần tử là -

1. phong cách văn bản
2. cỡ chữ
3. cỡ chữ
4. Không có điều nào ở trên

Câu trả lời. (c) cỡ chữ

Giải trình. Thuộc tính font-size trong CSS được sử dụng để chỉ định chiều cao và kích thước của phông chữ. Nó ảnh hưởng đến kích thước của văn bản của một phần tử. Giá trị mặc định của nó là trung bình và có thể được áp dụng cho mọi phần tử

6) Thuộc tính HTML được sử dụng để xác định kiểu nội tuyến là -

1. Phong cách
2. phong cách
3. tầng lớp
4. Không có điều nào ở trên

Câu trả lời. (một phong cách

Giải trình. Nếu bạn muốn sử dụng CSS nội tuyến, bạn nên sử dụng thuộc tính style cho thẻ có liên quan. CSS nội tuyến cũng là một phương pháp để chèn biểu định kiểu trong tài liệu HTML. Phương pháp này giảm thiểu một số lợi thế của biểu định kiểu, vì vậy nên sử dụng phương pháp này một cách tiết kiệm

CSS là một style sheet dùng để định kiểu các thành phần HTML một cách cẩn thận. Bên cạnh việc tương tác với các phần tử HTML để tạo kiểu, CSS còn kiểm soát cảm giác, địa hình, mô hình hộp, điều chỉnh màn hình/thiết bị và bố cục chung của trang web

CSS có một cú pháp cơ bản. Nó bao gồm một bộ chọn, thuộc tính, một giá trị, theo sau là một khối khai báo

p { 
  color: blue; 
  text-transform: uppercase; 
}

Trong đoạn mã trên, p (đoạn văn) là bộ chọn trỏ đến phần tử HTML cần được tạo kiểu. Màu sắc và chuyển đổi văn bản là thuộc tính. Màu xanh và chữ hoa là giá trị của thuộc tính. Khối khai báo cho p bắt đầu ở dấu ngoặc nhọn đầu tiên - '{' và kết thúc ở dấu ngoặc nhọn thứ hai '}'. Mỗi khai báo phải bao gồm thuộc tính và giá trị và được phân tách với các khai báo khác bằng dấu chấm phẩy

BỘ CHỌN CSS

Bộ chọn chỉ đơn giản là phần tử được tạo kiểu. Nhưng khi bạn viết nhiều mã CSS hơn, bạn sẽ khám phá ra rằng bộ chọn không chỉ là phần tử. Chúng có thể là thuộc tính, lớp giả, id, lớp và hậu duệ
Theo W3resource, "Bộ chọn CSS chọn các thành phần trên trang HTML khớp với các mẫu được mô tả trong bộ chọn và quy tắc kiểu tuân thủ bộ chọn được áp dụng trên các thành phần được chọn đó"
Phần này sẽ xem xét các bộ chọn khác nhau trong CSS và cách bạn có thể triển khai chúng
Cú pháp sử dụng bất kỳ bộ chọn nào cũng giống như cú pháp cơ bản của CSS

Bộ chọn chung

Bộ chọn vạn năng được biểu thị bằng ký hiệu *. Nó ảnh hưởng đến mọi phần tử trên cây tài liệu

*{ 
  color: purple; 
}

Điều này thay đổi màu của tất cả các thành phần tài liệu HTML thành màu tím, có thể là một đoạn văn, h1, h4 hoặc danh sách. * cũng được sử dụng để nhắm mục tiêu tất cả các giá trị của một phần tử cụ thể

*h1 { 
  text-transform: uppercase; 
}

Điều này sẽ chỉ thay đổi giá trị của tất cả các phần tử h1 thành chữ hoa. Không có yếu tố khác sẽ bị ảnh hưởng

Bộ chọn phần tử

Đây là bộ chọn phổ biến nhất và nó liên quan đến việc nhắm mục tiêu các thành viên của một phần tử cụ thể khi phần tử đó được xác định

p{ 
  font-style: italic; 
}

Mã này nhắm mục tiêu tất cả các đoạn trong tài liệu và thay đổi chúng thành chữ nghiêng

Lớp học và ID

Các lớp và ID được xác định trong HTML và được đánh dấu trong CSS bằng cách sử dụng '. ' (đối với lớp) và '#' (đối với ID). Họ nhắm mục tiêu các phần tử HTML với tên lớp hoặc ID cụ thể

<p> This is a paragraph </p> 
<p class="red"> This is a red text </p> 
<h4 id="uppercase"> This is an uppercase text </p> 

.red { 
  color: red; 
} 
 
#uppercase{ 
  text-transform: uppercase; 
}

The

tag without a class or id assigned to it will not be affected by the class or id selectors.

Bộ chọn hậu duệ

Bộ chọn hậu duệ là bộ chọn là con của bộ chọn khác

nav > li { 
  list-style: none; 
}

lớp giả

Đây là những lớp dựa trên trạng thái của chúng. Trạng thái của chúng cũng là phản hồi đối với hành động của người dùng. Các lớp giả không đứng một mình. Chúng được gắn vào các bộ chọn khác, ngay sau đó là dấu hai chấm, sau đó nêu rõ. Di chuột, đã truy cập, trước và đang hoạt động là các lớp giả phổ biến

a:hover{ 
  color: green; 
}

THUỘC TÍNH CSS

Thuộc tính CSS là các kiểu được sử dụng trên các bộ chọn được chỉ định. Chúng được viết trước các giá trị trong bộ quy tắc CSS và được phân tách khỏi các giá trị thuộc tính bằng dấu hai chấm. Các bộ chọn và phần tử HTML khác nhau có các thuộc tính khác nhau. Một số thuộc tính là phổ biến và có thể được sử dụng trên mọi bộ chọn. Những người khác chỉ hoạt động trên các bộ chọn cụ thể và trong các điều kiện cụ thể
Một ví dụ về điều đó là grid-template-columns, được sử dụng để tạo kiểu cho bố cục của trang. Nó hoạt động chủ yếu với các div với thuộc tính hiển thị của chúng được đặt thành lưới (hiển thị. lưới)
Có nhiều thuộc tính và giá trị của chúng cho bộ chọn HTML. Theo Thủ thuật CSS, có "520 tên thuộc tính riêng biệt từ 66 báo cáo kỹ thuật và 66 bản nháp của biên tập viên"

Dưới đây là bốn thuộc tính phổ biến để làm việc với

• Liệt kê thuộc tính
• Thuộc tính phông chữ
• Thuộc tính đường viền
• Thuộc tính văn bản

Các thuộc tính này phổ biến vì chúng thường được sử dụng trong tất cả các tài liệu CSS và có thể được áp dụng cho các bộ chọn khác nhau. Một điều độc đáo về các thuộc tính là chúng có nhiều hơn một giá trị được đính kèm. Chuyển đổi văn bản, ví dụ: thuộc tính kiểm soát cách viết hoa của văn bản, có thể được đặt thành chữ hoa, chữ thường, viết hoa hoặc không. Nhưng điều này cũng đặt ra một hạn chế. Bạn phải chỉ định một giá trị cho đúng thuộc tính nếu không sẽ không có gì xảy ra. Nếu chúng ta có 'chuyển đổi văn bản. gạch chân;'
Dưới đây là một số thuộc tính, mô tả của chúng và các giá trị mà chúng cung cấp

Thuộc tính văn bản

Thuộc tính đường viền

Thuộc tính phông chữ

Liệt kê thuộc tính

Chúng tôi không thể bao gồm tất cả các thuộc tính CSS ở đây vì nó khá rộng, nhưng bạn có thể tìm thấy một danh sách mở rộng bao gồm các thuộc tính, giá trị của chúng và các phiên bản CSS tại đây tại meiert. com. W3schools cũng có một tham chiếu CSS bao gồm các thuộc tính, mô tả và giá trị của chúng tại đây

GIÁ TRỊ CSS

Các giá trị được viết ngay sau dấu hai chấm ngăn cách chúng với các thuộc tính CSS. Các giá trị CSS không chỉ là văn bản; . Chúng ta sẽ xem xét các giá trị CSS khác nhau và cách triển khai chúng

Chữ

Các giá trị văn bản phổ biến trong CSS. Chúng thường được viết mà không có dấu ngoặc kép, không giống như chuỗi. Mọi thuộc tính CSS hợp lệ đều có văn bản làm giá trị. Ký quỹ lấy đơn vị làm giá trị, nhưng nó cũng có tự động, trong trường hợp này, được lấy làm văn bản

Màu đỏ và trung tâm là các giá trị văn bản của màu sắc và căn chỉnh văn bản

số nguyên

Số nguyên là các số từ một đến không hoặc từ không đến chín. Một số thuộc tính CSS cho phép các giá trị của chúng được xác định là số nguyên, thậm chí là số nguyên âm. Các giá trị cho các thuộc tính như số cột và chỉ mục z được xác định bằng số nguyên

div { 
  column-count: 4; 
}
div { 
  z-index: -1; 
}

Đơn vị/Số đo

Vì CSS phải được sử dụng để định vị các mục trên trang web, bố cục chung và truy vấn phương tiện nên nhiều thuộc tính lấy đơn vị và số đo làm giá trị của chúng. Có nhiều đơn vị thuộc tính cụ thể cho các giá trị CSS, nhưng các đơn vị có sẵn như px, em, fr và tỷ lệ phần trăm là tiêu chuẩn

*{ 
  color: purple; 
}

URL

Các thuộc tính như hình nền lấy một URL thực tế làm giá trị của chúng. URL này có thể là tuyệt đối hoặc tương đối. Có nghĩa là, bạn có thể sao chép địa chỉ của một hình ảnh trực tuyến và sử dụng nó làm hình nền của mình hoặc bạn có thể lấy hình ảnh từ thư mục/thư mục dự án mà bạn đang làm việc trên máy tính của mình

*{ 
  color: purple; 
}

Dây

Chuỗi là văn bản trong dấu ngoặc kép. Thuộc tính nội dung mà bạn có thể sử dụng để chèn nội dung được tạo cho phép các chuỗi trong tham số của nó

*{ 
  color: purple; 
}

Màu sắc

color/background-colors là các thuộc tính được sử dụng để đặt màu cho các phần tử HTML. Các giá trị của chúng chấp nhận giá trị kết hợp màu thập lục phân, thông số kỹ thuật RGB hoặc màu đã xác định

*{ 
  color: purple; 
}

Tự động, Không có, Kế thừa

Tự động, Không có và Kế thừa là các giá trị từ khóa trong CSS. Giá trị tự động cho phép thuộc tính điền hoặc điều chỉnh theo nội dung của phần tử

*{ 
  color: purple; 
}

Không thêm giá trị nào cho thuộc tính được chỉ định

*{ 
  color: purple; 
}

Từ khóa kế thừa cho phép thuộc tính kế thừa cùng một giá trị từ phần tử cha. Tất cả các thuộc tính CSS chấp nhận kế thừa

*{ 
  color: purple; 
}

*{ 
  color: purple; 
}

Mặc dù tất cả các ví dụ trên là thuộc tính có một giá trị, giá trị CSS có thể có nhiều hơn một giá trị và bạn có thể thao tác với nó để viết tốc ký. Viết tắt trong CSS là cách đặt giá trị ngắn hơn, gọn hơn cho các thuộc tính tương tự nhưng nhiều thuộc tính

Những giá trị,

*{ 
  color: purple; 
}

có thể được viết lại dưới dạng tốc ký

*{ 
  color: purple; 
}

Các thuộc tính khác có nhiều giá trị bao gồm, nhưng không giới hạn ở

*h1 { 
  text-transform: uppercase; 
}

PHẦN KẾT LUẬN

Tính đơn giản và nhất quán của bộ quy tắc CSS giúp dễ nhớ cú pháp và ứng dụng của nó bất kể bộ chọn được sử dụng. Nhưng các nhà phát triển web mới vào nghề thường bị choáng ngợp bởi số lượng lớn các thuộc tính và giá trị mà họ phải nhớ, thường nhầm lẫn giá trị của thuộc tính này với giá trị của thuộc tính khác. Có hướng dẫn biểu định kiểu hoặc tài liệu tham khảo tiện dụng chắc chắn sẽ hữu ích. Vì nhà phát triển cũng tiếp tục viết mã nên việc ghi nhớ các thuộc tính và giá trị cơ bản sẽ trở nên dễ dàng hơn

Ba thuộc tính CSS là gì?

Có bao nhiêu thuộc tính CSS?