Biểu định kiểu bên trong và bên ngoài và CSS là gì?

Cascading Style Sheets [CSS] mô tả cách trình bày tài liệu trên màn hình, trong bản in hoặc có lẽ cách chúng được phát âm. W3C đã tích cực thúc đẩy việc sử dụng các biểu định kiểu trên Web kể từ khi tập đoàn được thành lập vào năm 1994

Cascading Style Sheets [CSS] cung cấp các lựa chọn thay thế dễ dàng và hiệu quả để chỉ định các thuộc tính khác nhau cho các thẻ HTML. Sử dụng CSS, bạn có thể chỉ định một số thuộc tính kiểu cho một phần tử HTML nhất định. Mỗi thuộc tính có một tên và một giá trị, được phân tách bằng dấu hai chấm [. ]. Mỗi phần khai báo thuộc tính cách nhau bởi dấu chấm phẩy [;]

Thí dụ

Trước tiên, hãy xem xét một ví dụ về tài liệu HTML sử dụng thẻ và các thuộc tính được liên kết để chỉ định màu văn bản và kích thước phông chữ -

Lưu ý - Thẻ phông chữ không được dùng nữa và nó được cho là sẽ bị xóa trong phiên bản HTML trong tương lai. Vì vậy, chúng không nên được sử dụng thay vào đó, bạn nên sử dụng các kiểu CSS để thao tác với phông chữ của mình. Nhưng vẫn nhằm mục đích học tập, chương này sẽ làm việc với một ví dụ sử dụng thẻ phông chữ

   
      HTML CSS
   
	
   
      
Hello, World!
   

Chúng ta có thể viết lại ví dụ trên với sự trợ giúp của Style Sheet như sau -

   
      HTML CSS
   

   
      
Hello, World!
   

Điều này sẽ tạo ra kết quả sau -

Bạn có thể sử dụng CSS theo ba cách trong tài liệu HTML của mình –

• Biểu định kiểu bên ngoài - Xác định quy tắc biểu định kiểu trong một biểu định kiểu riêng. css và sau đó đưa tệp đó vào tài liệu HTML của bạn bằng HTMLtag

• Internal Style Sheet - Xác định quy tắc biểu định kiểu trong phần tiêu đề của tài liệu HTML bằng cách sử dụng

  Đây là màu đỏ

  cái này dày

  Đây là màu xanh lá cây

  Cái này dày và xanh

  Điều này sẽ tạo ra kết quả sau -

  Biểu định kiểu nội tuyến

  Bạn có thể áp dụng trực tiếp các quy tắc biểu định kiểu cho bất kỳ phần tử HTML nào bằng cách sử dụng thuộc tính kiểu của thẻ có liên quan. Điều này chỉ nên được thực hiện khi bạn muốn thực hiện một thay đổi cụ thể trong bất kỳ phần tử HTML nào

  Các quy tắc được xác định nội tuyến với phần tử sẽ ghi đè các quy tắc được xác định trong tệp CSS bên ngoài cũng như các quy tắc được xác định trong