Tri Thức Công Nghệ: Hướng dẫn CSS

Hiển thị các bài đăng có nhãn Hướng dẫn CSS. Hiển thị tất cả bài đăng

Hướng dẫn CSS CHƯƠNG 5

Người đăng: NgVanDungNghi vào lúc 22:23

Hướng dẫn CSS CH5

Hướng dẫn viết code CSS, kết hợp CSS vào trang web để tạo cho trang web mêm mại với các vidu HTML & CSS

Sự ưu tiên trong Css

Trước khi thực thi CSS cho một trang web. Trình duyệt sẽ đọc toàn bộ CSS mà trang web có thể được áp dụng, bao gồm: CSS mặc định của trình duyệt, file CSS bên ngoài liên kết vào trang [...]

Để học Css cần những gì?

Thật sự không có một điều kiện gì được quy định khi học CSS. Nhưng ở một khía cạnh nào đó thì một sự chuẩn bị cho một cuộc hành trình dù là dễ nhất vẫn không thừa vì ít [...]

Tại sao cần Css?

Nếu bạn đã từng học qua HTML thì cũng biết HTML cũng hỗ trợ một số thuộc tính định dạng cơ bản cho text, picture, table, … nhưng nó không thật sự phong phú và chính xác như nhau trên [...]

Css là gì?

Trong lĩnh vực xây dựng, chúng ta có trang trí nội thất; trong lĩnh vực thẩm mỹ - làm đẹp, chúng ta có kỹ thuật make-up; còn trong lĩnh vực thiết kế web chúng ta có CSS. Đây chỉ là [...]

CSS cho web ba cột với tiêu đề web – định vị chính xác

Một trang web phổ biến giữa các nhà thiết kế bố trí được bố trí 3 cột. Nó cho phép rất nhiều tính linh hoạt cho các nội dung trình bày. Nó thường được dùng để bổ sung các liên [...]

Ví dụ đơn giản về dấu nháy đôi CSS

1. Mã nguồn HTML Bắt đầu với một blockquote và một số văn bản. <blockquote> Xin chào, Tôi là một đôi báo giá ...</ blockquote> 2. Ghi rõ blockquote Blockquote yếu tố xác định như sau: blockquote ( Phông chữ: 1.2em/1.6em Georgia, "Times New Roman", [...]

Hướng dẫn CSS CHƯƠNG 4

Người đăng: NgVanDungNghi vào lúc 22:22

Hướng dẫn CSS CH4

Hướng dẫn viết code CSS, kết hợp CSS vào trang web để tạo cho trang web mêm mại với các vidu HTML & CSS

Định vị ảnh nền (thuộc tính background-position)

Theo mặc định ảnh nền khi được chèn sẽ nằm ở góc trên, bên trái màn hình. Tuy nhiên với thuộc tính background-position bạn sẽ có thể đặt ảnh nền ở bất cứ vị trí nào (trong không gian của [...]

Vị trí đặt css

Ở trên chúng ta đã tìm hiểu về cú pháp viết CSS, nhưng còn đặt nó ở đâu trong tài liệu HTML? Trong phần này, tôi xin giới thiệu với các bạn về vấn đề này. Chúng ta có ba [...]

Khóa ảnh nền (thuộc tính background-attachment)

Background-attachment là một thuộc tính cho phép bạn xác định tính cố định của ảnh nền so với với nội dung trang web. Thuộc tính này có 2 giá trị: + scroll: Ảnh nền sẽ cuộn cùng nội dung trang web, [...]

Đơn vị css

Trong CSS2 hỗ trợ các loại đơn vị là đơn vị đo chiều dài và đơn vị đo góc, thời gian, cường độ âm thanh và màu sắc. Tuy nhiên, sử dụng phổ biến nhất vẫn là đơn vị đo [...]

Lặp lại ảnh nền (thuộc tính background-repeat)

Nếu sử dụng một ảnh có kích thước quá nhỏ để làm nền cho một đối tượng lớn hơn thì theo mặc định trình duyệt sẽ lặp lại ảnh nền để phủ kín không gian còn thừa. Thuộc tính background-repeat [...]

Thiết kế bố cục trang web layout với thẻ div

Để tăng sự mềm dẻo cho trang web, hiện nay người ta đang cố gắng loại bỏ các table khi thiết kế layout, thay vào đó là div và css. Dưới đây là 1 ví dụ đơn giản giúp dân [...]

Cú pháp Css

Để tìm hiểu cú pháp CSS chúng ta hãy thử xem một ví dụ sau. Ví dụ: Để định màu nền cho một trang web là xanh nhạt (light cyan) chúng ta dùng code sau: + Trong HTML: <body bgcolor=”#00BFF3”> [...]

Ảnh nền (thuộc tính back gound-image)

Việc sử dụng ảnh nền giúp trang web trông sinh động và bắt mắt hơn. Để chèn ảnh nền vào một thành phần trên trang web chúng ta sử dụng thuộc tính background-image. Bây giờ chúng ta sẽ cùng làm một [...]

Màu nền (thuộc tính Background-color)

Thuộc tính background-color giúp định màu nền cho một thành phần trên trang web. Các giá trị mã màu của background-color cũng giống như color nhưng có thêm giá trị transparent để tạo nền trong suốt. Ví dụ sau đây [...]

Hướng dẫn CSS CHƯƠNG 3

Người đăng: NgVanDungNghi vào lúc 22:19

Hướng dẫn CSS Ch3

Hướng dẫn viết code CSS, kết hợp CSS vào trang web để tạo cho trang web mêm mại với các vidu HTML & CSS

Màu chữ (thuộc tính color)

Để định màu chữ cho một thành phần nào đó trên trang web chúng ta sử dụng thuộc tính color. Giá trị của thuộc tính này là các giá trị màu CSS hỗ trợ. Ví dụ sau chúng ta sẽ viết [...]

Nhóm phần tử với thẻ (span)

Thẻ <span> trong HTML thật ra là một thẻ trung hòa, nó không thêm hay bớt bất cứ một thứ gì vào một tài liệu HTML cả. Nhưng chính nhờ tính chất trung hòa này mà nó lại là một [...]

Thuộc tính text-indent

Thuộc tính text-indent cung cấp khả năng tạo ra khoảng thụt đầu dòng cho dòng đầu tiên trong đoạn văn bản. Giá trị thuộc tính này là các đơn vị đo cơ bản dùng trong CSS. Trong ví dụ sau chúng [...]

Thuộc tính letter-spacing

Thuộc tính letter-spacing được dùng để định khoảng cách giữa các ký tự trong một đoạn văn bản. Muốn định khoảng cách giữa các ký tự trong thành phần h1, h2 là 7px và thành phần <p> là 5px chúng ta [...]

Nhận dạng phần tử với id

Cũng với đoạn HTML như ví dụ về class. Nhưng yêu cầu đặt ra là Hà Nội sẽ có màu đỏ sậm, TP. Hồ Chí Minh màu đỏ, Đà Nẵng màu đỏ tươi còn các tỉnh màu xanh da trời. [...]

Thuộc tính font-variant (Font chữ)

Thuộc tính font-variant được dùng để chọn giữa chế độ bình thường và small-caps của một font chữ. Một font small-caps là một font sử dụng chữ in hoa có kích cỡ nhỏ hơn in hoa chuẩn để thay thế [...]

Thuộc tính font-weight (Font chữ)

Thuộc tính font-weight mô tả cách thức thể hiện của font chữ là ở dạng bình thường (normal) hay in đậm (bold). Ngoài ra, một số trình duyệt cũng hỗ trợ mô tả độ in đậm bằng các con số [...]

Thuộc tính font-style (Font chữ)

Thuộc tính font-style định nghĩa việc áp dụng các kiểu in thường (normal), in nghiêng (italic) hay xiên (oblique) lên các thành phần trang web. Trong ví dụ bên dưới chúng ta sẽ thử thực hiện áp dụng kiểu in nghiêng [...]

Thuộc tính font-family (font chữ)

Thuộc tính font-family có công dụng định nghĩa một danh sách ưu tiên các font sẽ được dùng để hiển thị một thành phần trang web. Theo đó, thì font đầu tiên được liệt kê trong danh sách sẽ được [...]