Nhúng css và jquery vào website



Đã trải qua 10 bài học và đây là bài cuối cùng trong serie học html cơ bản. Ở bài cuối này mình sẽ hướng dẫn các bạn thêm về css và jquery – 2 thành phần không thể thiếu nến bạn muốn website đẹp hơn, sinh động hơn.

Vậy Css là gì, Jquery là gì?

  • CSS là chữ viết tắt của Cascading Style Sheets, nó một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML).
  • Jquery là một thư viện javascript, nó giúp viết javascript nhanh hơn với cú pháp đơn giản hơn. Thay vì chúng ta phải viết những dòng code dài và lặp lại nhiều lần trong javascript thì jquery đã đóng gói chúng thành những phương thức sẵn có để dễ dàng sử dụng. Xem thêm tại đây.

Cách nhúng css và jquery vào website

Có 3 cách nhúng css vào thẻ html như sau :
1. Chèn vào phần head của website (cặp thẻ <head></head>)
&lt;style type="text/css"&gt;
/* Viết css tại đây */
body{padding:5px; margin: 10px; color: #000;}
a{color: red}
&lt;/style&gt;
2. Viết css ở một file riêng sau đó nhúng vào website
Cú pháp:
<link href=”Đường dẫn đến file css” rel=”stylesheet” type=”text/css” />
Ví dụ:
&lt;link href="css/style.css" rel="stylesheet" type="text/css" /&gt;
3. Chèn trực tiếp vào thẻ html
Ví dụ:
 
&lt;p style="color:red"&gt;Đây là thẻ P, có màu chữ đỏ.&lt;/p&gt;
Các thuộc tính cách nhau bằng dấu chấm phẩy ( ; )
Chúng ta có thể chèn css vào đâu ?
Chúng ta có thể chèn css vào phần head của website (trong cặp thẻ <head></head>) hoặc trong body của website.
Để tìm hiểu kỹ hơn về css bạn nên qua serie học css cơ bản tại đây nhé.
Các cách chèn jquery vào website cũng khá giống với chèn css, bạn có thể qua bài này để xem và bắt đầu học jquery căn bản.
Share on Google Plus

About NHOCLAK DJ

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.

0 nhận xét:

Đăng nhận xét