Trung Tâm Đào Tạo Các Ngành Nghề Kỹ Thuật Cao

Khoa CNTT - Trường TCN KTCN Hùng Vương - 161 Nguyễn Chí Thanh - P12 - Q5 - TpHCM


  • Khóa học Lập trình ...

    Khóa học Lập trình website chuyên sâu
  • Khóa học Thiết kế và Lập ...

    Khóa học Thiết kế và Lập trình website - WorldSkills
  • Chiến lược SEO hiệu quả

    Chiến lược SEO hiệu quả
  • Khóa học Thương mại điện ...

    Khóa học Thương mại điện tử
  • Khóa học SEO - Khai thác ...

    Khóa học SEO - Khai thác tài nguyên INTERNET
  • E-Learning - Hệ thống ...

    E-Learning - Hệ thống học trực tuyến thế kỷ 21
  • Phi tin bất phú

    Phi tin bất phú
  • Thương mại điện tử - ...

    Thương mại điện tử  - Các hình thức thanh toán điện tử
  • Khóa học thiết kế ...

    Khóa học thiết kế website chuyên nghiệp
  • Khóa học - Lập trình ...

    Khóa học - Lập trình Android chuyên sâu
  • Kiếm tiền online từ ...

    Kiếm tiền online từ Google, Youtube, Adsense
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Lập trình CSS là gì ?

Lập trình CSS là gì ? 2 years 7 months ago #2447

  • tranducthanh
  • tranducthanh's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 14
  • Thank you received: 1
  • Karma: 0
CSS là viết tắt của cụm từ "Cascading Style Sheet" , nó là một ngôn ngữ quy định cách trình bày của các thẻ html trên trang web.Là ngôn ngữ đang được sử dụng rất nhiều trong <a href="/khoa-hoc-chuyen-de/24-lap-trinh-website-php" title="lập trình web" target="_parent" >lập trình web</a>, có thể nói CSS ra đời đã tạo nên một cuộc cách mạng.

Đôi khi các bạn sẽ bối rối khi nhận thấy rằng các đoạn code mình viết hiển thị không giống nhau trên các trình duyệt khác nhau, CSS sẽ giúp các bạn giải quyết bài toán này.

CSS quy định cách hiển thị nội dung của các thẻ HTML trên các trình duyệt gần như giống nhau,bằng cách quy định các thuộc tính cho thẻ HTML đó.

Cách chèn CSS vào trang HTML

Chúng ta có 3 cách để đưa nội dung của CSS vào trang web như sau:

+ Cách 1: Chèn nội dung CSS vào trong cặp thẻ <style> </style> trong phần <head></head> của trang web:

VD:

<html>

<head>

<title>Chen CSS-Cách 1</title>

<! Chen CSS vào giữa cặp thẻ sau: >

<style type="text/css">

Nội dung CSS đặt bên trong đây

</style>

</head>

<body>

</body>

</html>

+ Cách 2: Chèn trực tiếp vào bên trong thẻ HTML.

- Chèn trực tiếp CSS vào bên trong các thẻ mở của HTML.

- Nếu có nhiều thuộc tính cần quy định, ta ngăn cách giữa chúng bằng khoảng trắng.

VD: Ở đây ta chèn CSS vào thẻ mở của cặp thẻ <p></p>.

<html>

<head>

<title>Chen CSS-Cách 2</title>

</head>

<body>

<p style="Nội dung CSS ở đây, cách nhau bằng khoảng trắng">

</p>

</body>

</html>

+ Cách 3: Liên kết với một file *.css bên ngoài

- Đây là cách được dùng nhiều nhất trong sử dụng CSS vì tính tiện dụng và linh hoạt của nó. Giả sử, bạn có một website gồm hàng trăm trang, khi bạn muốn thay đổi một chút cách trình này của website, thay vì gạch cạch đi gõ từng trang một, bạn chỉ cần sửa file CSS bên ngoài một chút, hàng trăm trang web của bạn đều được thay đổi.

- Cú pháp: Thực hiện liên kết bằng thẻ <link> ( Không có tag đóng ), theo cú pháp sau:

<link rel="stylesheet" href="Đường dẫn đên file .css" type="text/css" />

Tag này được đặt trong cặp tag <head></head> của trang web, và không cần đặt trong tag <style></style>

- Nếu bạn đặt file *.css cùng thư mục với trang web, thì trong thuộc tính href bạn chỉ cần viết: href="<ten_file_css.css".

- Nếu file *.css không cùng thư mục với trang web: Bạn cần chỉ trong đường dẫn tuyệt đối tới file *.css đó trong thuộc tính href

VD:

<html>

<head>

<link rel="stylesheet" href="danbocuc.css" type="text/css" />

</head>

<body>

</body>

</html>

3, Cần gì để học CSS

- Ngoài những điều kiện giống như học HTML, khi học CSS, bạn cần phải nắm vững những kiến thức cơ bản của HTMLtrước đã. Đây sẽ là một điều kiện tốt giúp các bạn tiếp thu kiến thức về CSS nhanh hơn rất nhiều

Các từ khóa có liên quan: thiet ke website, lap trinh css, lap trinh html, lap trinh website, thiet ke web bang joomla, lap trinh PHP, HTML la gi, thiet ke layout web, thiet ke web bang wordpress, lap trinh jquery

Các bài viết có liên quan:
Những điều cần để thiết kế website
Thiết kế website đơn giản
Thiết kế website trên thiết bị di động
Làm quen CSS
lập trình web với CSS
Lập trình CSS là gì ?
Lập trình HTML cơ bản
Ngôn ngữ lập trình HTML
Khái niệm về lập trình website
Lập trình & Thiết kế web khác nhau như thế nào
Thiết kế website bằng Joomla - Front và Back End
Thiết kế website bằng với Joomla - Quản lý Mail
Thiết kế website bằng Joomla - CSS cơ bản
Học lập trình php
10 mẹo nhỏ khi học lập trình php
Cú pháp cơ bản trong lập trình php
HTML
HTML là gì
Những điều cần biết khi thiết kế layout web
Quy trình thiết kế layout website
Thiết kế website bằng wordpress
10 lý do nên thiết kế website bằng WordPress
Các loại website được thiết kế bằng WordPress
Lập trình jquery là gì?
Các chức năng chính trong lập trình jquery
Lập trình jquery căn bản
Last Edit: 2 years 6 months ago by tranducthanh.
The administrator has disabled public write access.
  • Page:
  • 1
Moderators: admin
Time to create page: 0.191 seconds

Tin kiếm Google

Website Trường Dạy Nghề.NET là nơi qui tụ 1 đội ngũ các chuyên gia bao gồm các giảng viên chuyên ngành về các lĩnh vực như Công nghệ thông tin, Điện tử, Cơ khí, Ô tô, Điện, Cơ Điện Tử, Điện Lạnh....đang công tác giảng dạy và nghiên cứu tại trường Hungvuongtech địa chỉ 161-165 Nguyễn Chí Thanh, P12, Q5 TpHCM. Hungvuongtech là trường đao tạo các ngành nghề kỹ thuật cao, là 1 trong 45 trường trọng điểm quốc gia.