Ngôn ngữ CSS
Bài 1: Căn bản về CSS

Trong bài mở đầu này chúng ta sẽ đi tìm hiểu một số khái niệm và đặc tính của CSS, mà chúng ta cần chú ý trong suốt quá trình làm việc với CSS I. CSS là gì

Bài 2-Cú pháp CSS

Dưới đây là một ví dụ rất đơn giản của CSS, nó được viết để định dạng thẻ h3 của tài liệu sẽ có màu xanh dương 1 h3{color: blue;} Do vậy nếu bạn có code HTML như sau 1

Bài 3:Bộ chọn (selectors) và thuộc tính CSS

Mô tả * * Chọn tất cả các thành phần html. tag p Chọn tất cả các thành phần cùng loại. tag01 tag02 div p Chọn tất cả thành phần bên trong thành phần .

Bài 4:Chèn CSS vào trong trang Web

Bạn đã có một file CSS của bạn, bây giờ công việc tiếp theo là làm thế nào để chèn những đoạn CSS của bạn vào trong trang, Và xem chúng hoạt động như thế nào. Trong phần này chúng ta sẽ đi tìm hiểu chi tiết về cách chèn một đoạn style trong trang HTML hay liên kết tới một file CSS viết sẵn.

Bài 5:Các vấn đề về văn bản và cách định dạng văn bản

Thuộc tính CSS text cho phép bạn hoàn toàn có thể quản lí được các thuộc tính của văn bản, bạn có thể quản lí được sự ẩn hiện của nó, thay đổi màu sắc, tăng hoặc giảm khoảng cách giữa các ký tự trong một đoạn, căn chỉnh việc dóng hàng (align),...

Bài 6: Các thuộc tính của font chữ và định nghĩa font chữ cho văn bản

Các thuộc tính về font chữ sẽ cho phép bạn thay đổi họ font (font family), độ đậm (boldness), kích thước (size) và kiểu font (style). 01. Đặt font cho đoạn văn bản. Để đặt một loại font chữ nào đó cho đoạn văn bản thì chúng ta sẽ sử dụng thuộc tính font-faily:

Bài 7: Đường viền và các thuộc tính của đường viền

Các thuộc tính của đường viền (border) sẽ cho phép đặt các giá trị đặc biệt cho đườn viền như kiểu đường viền, kích thước, màu sắc. Thuộc tính này sẽ được áp dụng cho các thẻ HTML,...

Bài 8:Các thuộc tính của margin-padding-đường bao ngoài

Thuộc tính margin sẽ định nghĩa khoảng trắng bao quanh một phần tử HTML. Nó có thể dùng giá trị âm để lồng nội dung vào với nhau. Tương ứng với 4 phía của một phần tử chúng ta có 4 thuộc tính tương ứng. Mặt khác để viết cho gọn chúng ta cũng có thể dùng cách viết giản lược để định nghĩa các giá trị cho thuộc tính margin.

Bài 9: Định dạng liên kết với CSS

Để hiểu về cách định dạng cho liên kết, truớc tiên chúng ta cùng tìm hiểu về các trạng thái của các liên kết trên website. Một liên kết có 4 trạng thái sau: a:link – liên kết khi chưa được click.

Bài 10: Tạo nền trong CSS (CSS background)

Bài viết này chúng ta sẽ cùng tìm hiểu về cách tạo màu nền và ảnh nền cho các thành phần trên trang web với thuộc tính background trong CSS.1. Cách tạo màu nền (Background Color) Thuộc tính background-color xác định màu nền cho một thành phần nào đó.

Bài 11: Float và Clear trong CSS

Float và clear là hai thuộc tính quan trọng của CSS, Float và Clear ngày càng được sử dụng nhiều trong việc thiết kế giao diện, trình bày và dàn trang. 1. Float

Bài 12:Độ lớn thực sự của Box

Ở bài viết về Box model trong css, mình đã giới thiệu với các bạn về các thành phần của Box Model, nhưng đó chỉ là những khái niệm cơ bản. Bài viết này chúng ta sẽ cùng tìm hiểu về độ lớn thực sực sự của Box (ta có thể gọi là các tính toán trong Box model). Vậy: Tại sao phải tính toán độ lớn của Box?

Bài 13:Sử dụng !important trong CSS

Importantđược sử dụng để thay đổi thứ tự ưu tiên của CSS, khi một quy luật nào đó được gán important thì nó sẽ có mức ưu tiên cao nhất, cho dù thành phần đó có khai báo CSS cục bộ hay CSS nội tuyến. Các bạn có thể xem lại trong bài CSS là gì để hiểu về thứ tự ưu tiên trong CSS. Xét ví dụ sau:

Bài 14:Class và ID trong CSS

Như chúng ta đã biết mỗi lệnh trong CSS sẽ định dạng cho một hoặc nhiều thành phần HTML nào đó trong trang web (các thẻ trong HTML). Nhưng có khi trong thiết kế chúng ta mong muốn một số thành phần nào đó sẽ có những định dạng khác như khác về màu sắc,..


XtGem Forum catalog

 

Copyright © 20012-2013 by 2Thangban
Powered by Xtgem
Design by PhamKhuong
Số người Người đang online 1
Số lượt xem trong tháng: 2
Tổng số lượt truy cập: 1652
Chuyên mục:6
Bài Viết :
In trang này

Chia sẽ với Facebook

Chia Sẽ Cùng Twitter
Chia Sẽ cùng Google+

Chia sẽ cùng Zing

Chia sẽ cùng Yahoo