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
Add to Cart
Thứ Bảy, 7 tháng 3, 2015
Lập trình CSS là gì ?
Đăng ký:
Đăng Nhận xét (Atom)
Product Category
- 3dmax
- ai
- chien luoc seo
- chiến lược seo
- chinh chi b
- cong nghe
- corel
- CorelDraw
- dien thoai thong minh
- e-learning
- flash animation
- giai de thi worldskill
- giải đề thi worldskill
- he thong hoc truc tuyen
- he thong thong tin
- hệ thống học trực tuyến
- hệ thống thông tin
- hoc nghe nhanh
- học nghề nhanh
- hoc truc tuyen
- học trực tuyến
- HTML la gi
- huong dan lap trinh java
- hướng dẫn lập trình java
- illustrator
- jack ma alibaba
- java nâng cao
- khai thac tai nguyen internet
- khai thác tài nguyên internet
- khoa hoc
- Khoa hoc mien phi
- khoa hoc y tuong kinh doanh thoi @
- kiem nhieu tien
- kiem tien google adsense
- kiem tien online
- kiem tien youtube
- kien truc noi that
- kiếm nhiều tiền
- kinh doanh online
- Kinh doanh ten mien
- ky thuat SEO
- kỹ thuật SEO
- lap trinh android
- lap trinh ASP.net
- lap trinh C#
- lap trinh css
- lap trinh dien thoai
- lap trinh html
- lap trinh html css
- lap trinh java
- lap trinh jquery
- lap trinh PHP
- lap trinh ung dung
- lap trinh vien
- lap trinh vien chuyen nghiep
- lap trinh website
- lập trình android
- lập trình ASP.NET
- lập trình C#
- lập trình điện thoại
- lập trình html css
- lập trình java
- lập trình trên thiết bị di động
- lập trình viên
- lập trình viên chuyên nghiệp
- lập trình website
- lien thong dai hoc
- liên thông đại học
- Mang xa hoi
- microsoft access
- microsoft excel
- microsoft word
- Mua sam truc tuyen
- nghe 1 von 4000 loi
- nghe chat xam
- nghe webdesign
- nghề chất xám
- nghề đang hot
- nghề webdesign
- phan mem quan ly
- phầm mềm quản lý
- phầm mềm quản lý bán hàng
- phần mềm quản lý
- phần mềm quản lý bán hàng bằng mã vạch
- phân tích thiết kế
- phân tích thiết kế hệ thống thông tin
- phi tin bat phu
- phi tin bất phú
- photoshop
- php framework yii
- quản lý đào tạo
- quản lý kế toán
- quản lý kinh doanh
- seo hieu qua
- seo hiệu quả
- seo website
- smartphone
- tai nguyen internet
- tài nguyên internet
- thanh toan dien tu
- thanh toán điện tử
- thiet bi di dong
- thiet ke in an
- thiet ke layout web
- thiet ke noi that
- thiet ke web
- thiet ke web bang joomla
- thiet ke web bang wordpress
- thiet ke website
- thiet ke wen tin tuc
- thiết bị di động
- thiết kế web
- thiết kế web tin tức
- thiết kế website
- thuat toan google
- thuật toán google
- thuong mai dien tu
- thương mại điện tử
- tin hoc can ban
- tin hoc van phong
- top google
- truong dao tao lien thong dai hoc
- trường đào tạo liên thông đại học
- ung dung quang cao
- ứng dụng quảng cáo
- website lên top
- website lên top google
- worldskills 2013
- xu ly anh
- y tuong kinh doanh
Labels
- 3dmax
- ai
- chien luoc seo
- chiến lược seo
- chinh chi b
- cong nghe
- corel
- CorelDraw
- dien thoai thong minh
- e-learning
- flash animation
- giai de thi worldskill
- giải đề thi worldskill
- he thong hoc truc tuyen
- he thong thong tin
- hệ thống học trực tuyến
- hệ thống thông tin
- hoc nghe nhanh
- học nghề nhanh
- hoc truc tuyen
- học trực tuyến
- HTML la gi
- huong dan lap trinh java
- hướng dẫn lập trình java
- illustrator
- jack ma alibaba
- java nâng cao
- khai thac tai nguyen internet
- khai thác tài nguyên internet
- khoa hoc
- Khoa hoc mien phi
- khoa hoc y tuong kinh doanh thoi @
- kiem nhieu tien
- kiem tien google adsense
- kiem tien online
- kiem tien youtube
- kien truc noi that
- kiếm nhiều tiền
- kinh doanh online
- Kinh doanh ten mien
- ky thuat SEO
- kỹ thuật SEO
- lap trinh android
- lap trinh ASP.net
- lap trinh C#
- lap trinh css
- lap trinh dien thoai
- lap trinh html
- lap trinh html css
- lap trinh java
- lap trinh jquery
- lap trinh PHP
- lap trinh ung dung
- lap trinh vien
- lap trinh vien chuyen nghiep
- lap trinh website
- lập trình android
- lập trình ASP.NET
- lập trình C#
- lập trình điện thoại
- lập trình html css
- lập trình java
- lập trình trên thiết bị di động
- lập trình viên
- lập trình viên chuyên nghiệp
- lập trình website
- lien thong dai hoc
- liên thông đại học
- Mang xa hoi
- microsoft access
- microsoft excel
- microsoft word
- Mua sam truc tuyen
- nghe 1 von 4000 loi
- nghe chat xam
- nghe webdesign
- nghề chất xám
- nghề đang hot
- nghề webdesign
- phan mem quan ly
- phầm mềm quản lý
- phầm mềm quản lý bán hàng
- phần mềm quản lý
- phần mềm quản lý bán hàng bằng mã vạch
- phân tích thiết kế
- phân tích thiết kế hệ thống thông tin
- phi tin bat phu
- phi tin bất phú
- photoshop
- php framework yii
- quản lý đào tạo
- quản lý kế toán
- quản lý kinh doanh
- seo hieu qua
- seo hiệu quả
- seo website
- smartphone
- tai nguyen internet
- tài nguyên internet
- thanh toan dien tu
- thanh toán điện tử
- thiet bi di dong
- thiet ke in an
- thiet ke layout web
- thiet ke noi that
- thiet ke web
- thiet ke web bang joomla
- thiet ke web bang wordpress
- thiet ke website
- thiet ke wen tin tuc
- thiết bị di động
- thiết kế web
- thiết kế web tin tức
- thiết kế website
- thuat toan google
- thuật toán google
- thuong mai dien tu
- thương mại điện tử
- tin hoc can ban
- tin hoc van phong
- top google
- truong dao tao lien thong dai hoc
- trường đào tạo liên thông đại học
- ung dung quang cao
- ứng dụng quảng cáo
- website lên top
- website lên top google
- worldskills 2013
- xu ly anh
- y tuong kinh doanh
0 nhận xét:
Đăng nhận xét