Hướng dẫn use of html and css - sử dụng html và css

CSS là viết tắt của các bảng phong cách xếp tầng.

CSS tiết kiệm rất nhiều công việc. Nó có thể kiểm soát bố cục của nhiều trang web cùng một lúc.

CSS = Kiểu và Màu sắc

Thao tác văn bản

Màu sắc, & NBSP; Hộp Boxes


CSS là gì?

Các bảng kiểu xếp tầng [CSS] được sử dụng để định dạng bố cục của một trang web.

Với CSS, bạn có thể kiểm soát màu sắc, phông chữ, kích thước của văn bản, khoảng cách giữa các phần tử, cách các phần tử được định vị và đặt ra, hình ảnh nền hoặc màu nền nào được sử dụng, các màn hình khác nhau cho các thiết bị và kích thước màn hình khác nhau và kích thước màn hình và Nhiều hơn nữa!

Mẹo: Từ xếp tầng có nghĩa là một phong cách áp dụng cho một yếu tố cha mẹ cũng sẽ áp dụng cho tất cả các yếu tố trẻ em trong cha mẹ. Vì vậy, nếu bạn đặt màu của văn bản cơ thể thành "màu xanh", tất cả các tiêu đề, đoạn văn và các yếu tố văn bản khác trong cơ thể cũng sẽ có cùng màu [trừ khi bạn chỉ định một cái gì đó khác]! The word cascading means that a style applied to a parent element will also apply to all children elements within the parent. So, if you set the color of the body text to "blue", all headings, paragraphs, and other text elements within the body will also get the same color [unless you specify something else]!

Sử dụng CSS

CSS có thể được thêm vào tài liệu HTML theo 3 cách:

  • Nội tuyến - bằng cách sử dụng thuộc tính style bên trong các phần tử HTML - by using the style attribute inside HTML elements
  • Nội bộ - bằng cách sử dụng phần tử trong phần - by using a element in the section
  • Bên ngoài - Bằng cách sử dụng phần tử để liên kết với tệp CSS bên ngoài - by using a element to link to an external CSS file

Cách phổ biến nhất để thêm CSS, là giữ các kiểu trong các tệp CSS bên ngoài. Tuy nhiên, trong hướng dẫn này, chúng tôi sẽ sử dụng các phong cách nội bộ và nội bộ, bởi vì điều này dễ chứng minh hơn và dễ dàng hơn để bạn tự mình thử.

CSS nội tuyến

Một CSS nội tuyến được sử dụng để áp dụng một kiểu duy nhất cho một phần tử HTML duy nhất.

CSS nội tuyến sử dụng thuộc tính style của phần tử HTML.

Ví dụ sau đây đặt màu văn bản của phần tử

thành màu xanh lam và màu văn bản của phần tử

thành màu đỏ:

Thí dụ

Một tiêu đề màu xanh

Một đoạn văn màu đỏ.

Hãy tự mình thử »

CSS nội bộ

Một CSS nội bộ được sử dụng để xác định một kiểu cho một trang HTML duy nhất.

Một CSS nội bộ được xác định trong phần của trang HTML, trong phần tử .

Ví dụ sau đây đặt màu văn bản của tất cả các yếu tố

[trên trang đó] thành màu xanh lam và màu văn bản của tất cả các yếu tố

thành màu đỏ. Ngoài ra, trang sẽ được hiển thị với màu nền "bột": & nbsp;

Thí dụ

Một tiêu đề màu xanh



body {background-color: powderblue;}
h2   {color: blue;}
p    {color: red;}


Một đoạn văn màu đỏ.

This is a paragraph.

Hãy tự mình thử »

Hãy tự mình thử »

CSS nội bộ

Một CSS nội bộ được sử dụng để xác định một kiểu cho một trang HTML duy nhất.

Một CSS nội bộ được xác định trong phần của trang HTML, trong phần tử .

Thí dụ

Một tiêu đề màu xanh


 

Một đoạn văn màu đỏ.

This is a paragraph.

Hãy tự mình thử »

Hãy tự mình thử »

CSS nội bộ

Một CSS nội bộ được sử dụng để xác định một kiểu cho một trang HTML duy nhất.

"styles.css":

Một CSS nội bộ được xác định trong phần của trang HTML, trong phần tử .
  background-color: powderblue;
}
h2 {
  color: blue;
}
p {
  color: red;
}

Ví dụ sau đây đặt màu văn bản của tất cả các yếu tố

[trên trang đó] thành màu xanh lam và màu văn bản của tất cả các yếu tố

thành màu đỏ. Ngoài ra, trang sẽ được hiển thị với màu nền "bột": & nbsp; With an external style sheet, you can change the look of an entire web site, by changing one file!

cơ thể {màu nền: PowderBlue;} H2 & nbsp; & nbsp; {màu: màu xanh;} p & nbsp; & nbsp; & nbsp; {màu đỏ;}

Đây là một tiêu đề này là một đoạn văn.

The CSS 2 property defines the text color to be used.

CSS bên ngoài

Một bảng kiểu bên ngoài được sử dụng để xác định kiểu cho nhiều trang HTML.

Thí dụ

Một tiêu đề màu xanh

Một đoạn văn màu đỏ.



h2 {
  color: blue;
  font-family: verdana;
  font-size: 300%;
}
p {
  color: red;
  font-family: courier;
  font-size: 160%;
}


Hãy tự mình thử »

This is a paragraph.

Hãy tự mình thử »

Hãy tự mình thử »

CSS nội bộ

Một CSS nội bộ được sử dụng để xác định một kiểu cho một trang HTML duy nhất.

Một CSS nội bộ được xác định trong phần của trang HTML, trong phần tử . You can define a border for nearly all HTML elements.

Thí dụ

Một tiêu đề màu xanh

Một đoạn văn màu đỏ.
  border: 2px solid powderblue;
}

Hãy tự mình thử »

CSS nội bộ

Một CSS nội bộ được sử dụng để xác định một kiểu cho một trang HTML duy nhất.

Thí dụ

Một tiêu đề màu xanh

Một đoạn văn màu đỏ.
  border: 2px solid powderblue;
  padding: 30px;
}

Hãy tự mình thử »

CSS nội bộ

Một CSS nội bộ được sử dụng để xác định một kiểu cho một trang HTML duy nhất.

Thí dụ

Một tiêu đề màu xanh

Một đoạn văn màu đỏ.
  border: 2px solid powderblue;
  margin: 50px;
}

Hãy tự mình thử »

CSS nội bộ

Một CSS nội bộ được sử dụng để xác định một kiểu cho một trang HTML duy nhất.

Thí dụ

Một tiêu đề màu xanh

Hãy tự mình thử »

CSS nội bộ

Thí dụ

Một tiêu đề màu xanh

Hãy tự mình thử »

CSS nội bộ

Thí dụ

Một tiêu đề màu xanh

Hãy tự mình thử »

Bạn có thể đọc thêm về các đường dẫn tệp trong các đường dẫn tệp HTML.

Tóm tắt chương

Sử dụng thuộc tính HTML style để tạo kiểu nội tuyến

  • Sử dụng phần tử HTML để xác định CSS nội bộ
  • Sử dụng phần tử HTML để tham khảo tệp CSS bên ngoài
  • Sử dụng phần tử HTML để lưu trữ và các phần tử
  • Sử dụng thuộc tính CSS 2 cho màu văn bản
  • Sử dụng thuộc tính CSS 3 cho phông chữ văn bản
  • Sử dụng thuộc tính CSS 4 cho kích thước văn bản
  • Sử dụng thuộc tính CSS 5 cho biên giới
  • Sử dụng thuộc tính CSS 6 cho không gian bên trong biên giới
  • Sử dụng thuộc tính CSS 7 cho không gian bên ngoài biên giới
  • Mẹo: Bạn có thể tìm hiểu nhiều hơn về CSS trong hướng dẫn CSS của chúng tôi.

Bài tập HTML You can learn much more about CSS in our CSS Tutorial.

Thẻ kiểu HTML

Nhãn

Sự mô tảXác định thông tin kiểu cho tài liệu HTML
Hãy tự mình thử »Xác định liên kết giữa tài liệu và tài nguyên bên ngoài
Hãy tự mình thử »Để biết danh sách đầy đủ tất cả các thẻ HTML có sẵn, hãy truy cập tham chiếu thẻ HTML của chúng tôi.

HTML và CSS được sử dụng ở đâu?



HTML và CSS được sử dụng ở đâu?

HTML và CSS là các ngôn ngữ kịch bản được sử dụng để tạo một trang web và các ứng dụng web.HTML cung cấp cấu trúc trang web, trong khi CSS chủ yếu được sử dụng để kiểm soát kiểu dáng trang web.to create a web page and web applications. HTML provides web page structure, whereas CSS is mainly used to control web page styling.

5 cách sử dụng của HTML là gì?

HTML được sử dụng để làm gì ?..
Cấu trúc các trang web.Với các thẻ và các yếu tố, chúng ta có thể xác định các tiêu đề, đoạn văn và các nội dung khác của một trang web.....
Điều hướng Internet.....
Nhúng hình ảnh và video.....
Cải thiện khả năng lưu trữ dữ liệu phía khách hàng và khả năng ngoại tuyến.....
Sự phát triển trò chơi.....
Tương tác với API gốc ..

3 lần sử dụng cho CSS là gì?

CSS giúp chúng tôi kiểm soát màu văn bản, kiểu phông chữ, khoảng cách giữa các đoạn văn, kích thước của các cột, thiết kế bố cục và nhiều hơn nữa.Nó độc lập với HTML và chúng ta có thể sử dụng nó với bất kỳ ngôn ngữ đánh dấu dựa trên XML nào.Nên sử dụng CSS vì các thuộc tính HTML đang được không dùng nữa.control the text color, font style, the spacing between paragraphs, sizing of columns, layout designs, and many more. It is independent of HTML, and we can use it with any XML-based markup language. It is recommended to use CSS because the HTML attributes are being deprecated.

Bài Viết Liên Quan

Chủ Đề