Chế độ HTML khá hạn chế khi nói đến việc trình bày một trang web. Ban đầu nó được thiết kế như một cách đơn giản để hiển thị thông tin. CSS (Cascading Style Sheets) được giới thiệu vào tháng 12 năm 1996 bởi World Wide Web Consortium (W3C) nhằm cung cấp một cách tốt hơn để tạo kiểu cho các phần tử HTML

Với CSS, rất dễ dàng để chỉ định những thứ như, kích thước và kiểu chữ cho phông chữ, màu sắc cho văn bản và nền, căn chỉnh của văn bản và hình ảnh, khoảng cách giữa các phần tử, đường viền và đường

Add type into HTML section

Kiểu thông tin có thể được đính kèm dưới dạng tài liệu riêng biệt hoặc được nhúng vào tài liệu chính HTML. Đây là ba phương pháp phát triển kiểu khai báo thông tin cho tài liệu HTML

• Kiểu nội tuyến - Sử dụng kiểu thuộc tính trong thẻ mở HTML
• Kiểu nhúng - Sử dụng phần tử

  bên ngoài kiểu biểu tượng

  Một bảng định kiểu bên ngoài là lý tưởng khi kiểu được áp dụng cho nhiều trang

  Biểu định kiểu bên ngoài giữ tất cả các quy tắc kiểu trong một tài liệu riêng biệt mà bạn có thể liên kết từ bất kỳ tài liệu HTML nào trên trang web của mình. Các loại bảng bên ngoài là linh hoạt nhất vì với các loại bảng bên ngoài, bạn có thể thay đổi giao diện của toàn bộ trang web chỉ bằng cách cập nhật một tệp

  Bạn có thể đính kèm các kiểu bên ngoài theo hai cách - liên kết và nhập

  Extender icon

  Một bên ngoài biểu loại có thể được liên kết với tài liệu HTML bằng thẻ

  Các thẻ đi bên trong phần , như ở đây

  Enter the outside side type

  Quy tắc @importlà một cách khác để tải xuống một biểu định kiểu bên ngoài. Câu lệnh @import hướng dẫn trình duyệt tải xuống một biểu thức bên ngoài và sử dụng biểu thức của nó

  Bạn có thể sử dụng nó theo hai cách. Cách đơn giản nhất là sử dụng nó trong phần tử

  Tương tự, bạn có thể sử dụng quy tắc @import để nhập một biểu định kiểu trong một biểu định kiểu khác

  @import url("css/layout.css");
  @import url("css/color.css");
  body {
      color: blue;
      font-size: 14px;
  }

  Ghi chú. Tất cả các @import phải xuất hiện ở đầu biểu thức định dạng. Bất kỳ quy tắc kiểu nào được xác định trong biểu kiểu chính nó sẽ ghi lại các quy tắc xung đột trong các kiểu đã nhập. Các @import có thể gây ra vấn đề về hiệu suất, bạn thường nên tránh sử dụng các biểu định kiểu của @import

  HEX là viết tắc của từ "thập lục phân"

  • Cách viết. bao gồm dấu "#" kết hợp với dãy ký tự Latinh, chỉ bao gồm số hoặc chữ (hệ thống thập lục phân), không phân biệt chữ hoa hay chữ thường
  • Các ký tự Latinh có thể chấp nhận là. a,b,c,d,e,f,A,B,C,D,E,F
  • Ví dụ. #00ffff

  • Ta có thể viết gọn các màu này theo các cách sau

    • Rút gọn 6 ký tự giống nhau thành 3 ký tự. #ffffff => #fff
    • Rút gọn 3 cặp ký tự thành 3 ký tự. #ff0066 => #f06

  Style trong HTML là một thuộc tính chuyên dùng để khai báo các định dạng định dạng cho thẻ HTML như color sắc, font chữ, cỡ chữ, màu nền,… Bài viết này sẽ chia sẻ những kiến ​​thức cơ bản về style thẻ và một số .    

  lục mục

  • 1. Kiểu thẻ trong HTML là gì?
  • 2. Constructor of property style
  • 3. Các thuộc tính được sử dụng trong kiểu thẻ
    • 3. 1. Màu nền trong HTML
    • 3. 2. Căn chỉnh văn bản trong HTML
    • 3. 3. Màu văn bản trong HTML
    • 3. 4. Font chữ trong HTML
    • 3. 5. Kích thước chữ trong HTML
    • 3. 6. Thuộc tính biên giới

  1. Kiểu thẻ trong HTML là gì?

  Kiểu trong HTML được sử dụng để thay đổi hoặc thêm kiểu cho các thành phần HTML đang tồn tại. Nó được sử dụng để khai báo các định dạng cho thẻ HTML. Giá trị của thuộc tính này có thể là 1 hoặc nhiều cặp thuộc tính

  
  Kiểu trong HTML được sử dụng để khai báo các định dạng định dạng cho thẻ HTML

  Giá trị của kiểu thuộc tính thường được sử dụng là các giá trị được sử dụng để định dạng màu sắc, chữ chữ, cỡ chữ, màu nền,… Để có thể áp dụng kiểu trên thẻ HTML, bạn cần có những kiến ​​thức cơ bản về cơ bản.

  2. Constructor of property style

  Cấu trúc của thuộc tính style như sau:

  Trong đó, dactinh là đặc tính của CSS bao gồm color, font-size, font-family,…

  giatri là giá trị bạn muốn gán cho thuộc tính của CSS. tím, đỏ, nâu, vàng

  3. Các thuộc tính được sử dụng trong kiểu thẻ

  3. 1. Màu nền trong HTML

  Đối với thuộc tính này, đặc tính background-color được dùng để định nghĩa màu nền cho phần tử trong HTML. Ví dụ:

  3. 2. Căn chỉnh văn bản trong HTML

  Đặc tính căn chỉnh văn bản được sử dụng trong trường hợp căn chỉnh văn bản cho phần tử trong HTML

  
  Một ví dụ về căn chỉnh văn bản trong HTML

  Ví dụ

   Văn bản nằm giữa trang. 
   Văn bẳn nằm giữa trang. 
  3. 3. Màu văn bản trong HTML
  Đặc tính màu dùng để định nghĩa màu văn bản cho các phần tử trong HTML
  Ví dụ
   Đoạn văn học HTML 
   Đoạn văn học màu văn bản HTML 
  
  3. 4. Font chữ trong HTML
  Đặc tính họ phông chữ được sử dụng trong trường hợp này để định nghĩa phông chữ được sử dụng cho phần tử HTML
  
  
  
  Ví dụ
   Ngôn ngữ Tiếng Anh. 
   Ngôn ngữ Tiếng Anh. 
  
  3. 5. Kích thước chữ trong HTML
  Đặc tính kích thước phông chữ được sử dụng để định nghĩa kích thước chữ cho phần tử HTML
  Ví dụ
   Học HTML trên Quản trị mạng. 
  
   Học cỡ chữ trong HTML trên Quản trị mạng.
  3. 6. Thuộc tính biên giới
  Thuộc tính này giúp tạo đường viền xung quanh phần tử với 3 tham số: độ dày của đường viền, kiểu đường viền, màu của đường viền. Ví dụ:  Tạo đường viền dày 1px
  Trên đây là những chia sẻ về thông tin và các thuộc tính của phong cách cùng một số cặp giá trị thường được sử dụng của nó. Bạn có thể tham khảo thêm kiến ​​thức và áp dụng để thực hiện nhiều ví dụ định dạng cho các kiểu thẻ trong HTML để trau dồi kiến ​​thức về thuộc tính này