Sự khác biệt chính giữa CSS nội tuyến và CSS bên ngoài là CSS nội tuyến được xử lý nhanh hơn vì nó chỉ yêu cầu trình duyệt tải xuống 1 tệp trong khi sử dụng CSS bên ngoài sẽ yêu cầu tải xuống các tệp HTML và CSS riêng biệt

Trong hướng dẫn này, chúng ta sẽ đi sâu so sánh ba loại kiểu CSS. nội tuyến, bên ngoài và nội bộ. Chúng tôi cũng sẽ khám phá những ưu điểm và nhược điểm của việc sử dụng từng phương pháp

Tải xuống Bảng cheat CSS hoàn chỉnh

 

• CSS chính xác là gì?
• Sự khác biệt giữa các kiểu CSS nội tuyến, bên ngoài và bên trong
  • CSS nội bộ
  • CSS bên ngoài
  • CSS nội tuyến

CSS chính xác là gì?

Cascading Style Sheets (CSS) là ngôn ngữ đánh dấu chịu trách nhiệm về giao diện trang web của bạn. Nó kiểm soát màu sắc, phông chữ và bố cục của các thành phần trang web của bạn

Ngôn ngữ biểu định kiểu này cũng cho phép bạn thêm hiệu ứng hoặc hoạt ảnh vào trang web của mình. Bạn có thể sử dụng nó để hiển thị một số hoạt ảnh CSS như hiệu ứng nút bấm, trình quay hoặc trình tải và hình nền động

Nếu không có CSS, trang web của bạn sẽ xuất hiện dưới dạng trang HTML đơn giản. Đây là cách Twitter sẽ trông như thế nào nếu chúng ta tắt CSS của nó

Sự khác biệt giữa các kiểu CSS nội tuyến, bên ngoài và bên trong

Có ba cách bạn có thể sử dụng để triển khai CSS vào HTML của mình. phong cách bên trong, bên ngoài và nội tuyến. Hãy phá vỡ chúng

CSS nội bộ

Internal or embedded CSS requires you to add

Tệp HTML của bạn sẽ trông như thế này

Hostinger Tutorials
This is our paragraph.

Ưu điểm của CSS nội bộ

• Bạn có thể sử dụng bộ chọn lớp và ID trong biểu định kiểu này. Đây là một ví dụ

.class {
    property1 : value1; 
    property2 : value2; 
    property3 : value3; 
}

#id {
    property1 : value1; 
    property2 : value2; 
    property3 : value3; 
}

• Vì bạn sẽ chỉ thêm mã trong cùng một tệp HTML nên bạn không cần tải nhiều tệp lên

Nhược điểm của CSS nội bộ

• Việc thêm mã vào tài liệu HTML có thể tăng kích thước và thời gian tải của trang

CSS bên ngoài

Với CSS bên ngoài, bạn sẽ liên kết các trang web của mình với một bên ngoài. css, tệp này có thể được tạo bởi bất kỳ trình soạn thảo văn bản nào trong thiết bị của bạn (e. g. , Sổ tay ++)

Loại CSS này là một phương pháp hiệu quả hơn, đặc biệt là để tạo kiểu cho một trang web lớn. Bằng cách chỉnh sửa một. css, bạn có thể thay đổi toàn bộ trang web của mình cùng một lúc

Làm theo các bước sau để sử dụng CSS bên ngoài

1. Tạo một cái mới. css bằng trình soạn thảo văn bản và thêm quy tắc kiểu. Ví dụ

.xleftcol {
   float: left;
   width: 33%;
   background:#809900;
}
.xmiddlecol {
   float: left;
   width: 34%;
   background:#eff2df;
}

1. In the section of your HTML sheet, add a reference to your external .css file right after