Lý thuyết css

Đối với các Designer khi tiến hành xoay hoặc co giãn ảnh thường họ dùng các công cụ đồ họa như Photoshop, Firework,... để thực hiện, nhưng đối với CSS3 thì chúng ta thực hiện xoay đối tượng một cách hết sức đơn giản chỉ với một vài dòng CSS. Để minh chứng cho điều đó trong bài viết này tôi xin trình bày với các bạn cách xoay và co giãn một đối tượng ảnh bằng cách dùng các lệnh của CSS3. 1.Xoay đối tượng Để xoay một đối tượng nào đó chúng ta sẽ dùng 2 thuộc tính...

6p abcdef_44 31-10-2011 122 16   Download

Mặc định hầu hết các trình duyệt (Browser) đều hiển thị chữ số của danh sách có thứ tự (order list) theo font mặc định mà chúng ta sử dụng cho nội dung site. Trong bài chỉ dẫn ngắn này tôi xin hướng dẫn các bạn làm thế nào để sử dụng hai thẻ (orderlist) và để thêm trang trí thêm cho danh sách có thứ tự orderlist. Để có hình dung rõ hơn các bạn hãy nhìn vào hình vẽ dưới đây:

5p abcdef_44 31-10-2011 66 6   Download

Nếu bạn là người thích tìm tòi khám phá phần mềm, thì thủ thuật dưới đây lại tạo cho bạn thêm một thích thú nữa. Sau đây chúng ta sẽ thực hiện thay đổi kích thước của ô search trong Firefox 2. Bạn hãy thêm đoạn mã CSS này vào trong file userChrome-example.css. File này nằm trong Profile của Firefox. /* Search Toolbar Width */ #search-container { width: 400px !important; max-width: 400px !important; } Sau khi thêm xong bạn ghi lại và thực hiện khởi động lại Firefox. Sau khi khởi động xong bạn sẽ thấy thanh chiều rộng của...

4p abcdef_44 31-10-2011 66 5   Download

Một trong những thành phần dường như không thể thiếu được trong mỗi Website đó là hệ thống Menu ngang, đây là một trong những hệ thống danh mục thế hiện những nội dung chính của Website, từ đó giúp cho người duyệt Web dễ dàng lựa chọn những chuyên mục mà mình quan tâm. Để giúp các bạn mới nghiên cứu CSS và HTML có định hướng đúng đắn ngay từ đầu trong việc tạo các thành phần trong Website, trong bài viết này tôi xin hướng dẫn các bạn style cho một số kiểu menu ngang ở dạng...

5p abcdef_44 31-10-2011 84 9   Download

Đối với những desiger thường xuyên làm việc với CSS thì kỹ thuật Sliding Doors không có gì mới mẻ. Nhưng đối với những bạn mới làm quen với CSS thì tôi nghĩ rằng đây là một kỹ thuật mà bạn nên tìm hiểu nó. Kỹ thuật Sliding Doors(kỹ thuật cửa kéo), là một kỹ thuật được ứng dụng rất nhiều trong việc tạo ra các button, hay các menu ngang kiểu tab,…Trong bài viết này chúng ta sẽ đi tìm hiểu ý tưởng chủ đạo của kỹ thuật và tạo ra một ví dụ nhỏ có sử dụng kỹ...

5p abcdef_44 31-10-2011 82 5   Download

Khi chúng ta thiết kế layout của trang Web dạng bảng (table) thì việc đưa phần footer lúc nào cũng ở phía dưới là một việc hết sức đơn giản. Nhưng khi bạn làm việc với layout dạng thì việc đưa phần footer lúc nào cũng ở phía dưới là một điều rất khó khăn. Mặc dù như vậy các Designer CSS vẫn nghĩ ra được các thủ thuật (trick) để thực hiện việc đó. Sau đây chúng ta sẽ đi chi tiết về thủ thuật này: Trước khi đi vào chi tiết để có một hình dung cụ...

4p abcdef_44 31-10-2011 302 8   Download

Như chúng ta đã biết với sự phát triển nhanh chóng của ngành công nghiệp phần cứng, ngày càng có nhiều màn hình có độ phân giải cao. Nó cho phép chúng ta có một không gian làm việc rộng hơn, nhưng đôi khi nó cũng là vấn đề bất cập đối với Website của chúng ta.

4p abcdef_44 31-10-2011 54 4   Download

Hôm nay lang thang trên mạng và tình cờ tìm hiểu được một kỹ thuật rất hay và có tính ứng dụng cao trong việc làm layout cho Website. Nội dung chính của kỹ thuật đó là chúng ta sẽ giữ cho phần Header và phần Footer cố định, còn phần nội dung ở giữa sẽ xuất hiện thanh Scroll trong trường hợp nó dài quá độ dài màn hình. Để làm được như vậy trước kia chúng ta thường sử dụng 3 iFrame, một iFrame cho phần Header, một iFrame cho phần Footer và 1 iFrame cho phần Content....

7p abcdef_44 31-10-2011 129 10   Download

Nếu bạn là người thực sự muốn tìm hiểu về CSS, thì bạn không thể không tìm hiểu cách viết giản lược(shorthand) trong CSS. Cách viết này thực sự mang lại những lợi ích và tiện lợi khi bạn sử dụng CSS. Trước khi đi vào phân tích những tiện lợi mà nó mang lại, tôi xin lấy một ví dụ đơn giản như sau. Giả sử rằng chúng ta muốn định dạng cho một thẻ có đường viền bao quanh thì chúng ta cần phải viết. border-width: 1px; border-style: solid; border-color: #CC0000; Thay vì phải viết như vậy...

6p abcdef_44 31-10-2011 116 17   Download

Tham khảo tài liệu 'bài 10: css padding', công nghệ thông tin, quản trị web phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả

3p abcdef_44 31-10-2011 84 6   Download

Thuộc tính Outline sẽ vẽ một đường bao ngoài toàn bộ một phần tử HTML, đối với phần tử có đường viền (border) thì đường bao này sẽ bao trọn đường viền của phần tử đó. Cũng tương tự như đường viền bạn có thể đặt cho nó các thuộc tính về màu săc, độ lớn và kiểu. Có một điều cần chú ý là các thuộc tính của đường bao này có thể không được hỗ trợ trên IE 01Đặt thuộc màu cho đường bao Nếu muốn đặt màu cho đường bao chúng ta có thể sử dụng thuộc...

4p abcdef_44 31-10-2011 75 5   Download

Tham khảo tài liệu 'bài 7: đường viền và các thuộc tính của đường viền', công nghệ thông tin, quản trị web phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả

4p abcdef_44 31-10-2011 71 8   Download

Tham khảo tài liệu 'bài 6: các thuộc tính của font chữ và định nghĩa font chữ cho văn bản', y tế - sức khoẻ, y dược phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả

4p abcdef_44 31-10-2011 72 5   Download

Tham khảo tài liệu 'bài 5: các vấn đề về văn bản và cách định dạng văn bản', công nghệ thông tin, quản trị web phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả

6p abcdef_44 31-10-2011 79 7   Download

Tham khảo tài liệu 'bài 3: làm sao chèn css vào trang web', công nghệ thông tin, quản trị web phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả

5p abcdef_44 31-10-2011 201 70   Download

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ì CSS (Cascading Style Sheets) được hiểu một cách đơn giản đó là cách mà chúng ta thêm các kiểu hiển thị (font chữ, kích thước, màu sắc...) cho một tài liệu Web II. Một số đặc tính cơ bản của CSS 1. CSS quy định cách hiển thị của các thẻ HTML bằng cách quy định các thuộc tính của các thẻ...

3p abcdef_44 31-10-2011 170 34   Download

Trong quá trình thực hành và làm việc với CSSCascading Style Sheets chúng ta sẽ gặp những vấn đề xảy ra rất thường xuyên, để giải quyết chúng một cách nhanh chóng thì chúng ta cần phải biến những cách xử lý của các vấn đề đó trở thành những phản xạ của riêng mình. Do đó trong bài viết này tôi xin tổng hợp ra mười thủ thuật về CSSCascading Style Sheets mà bạn cần phải biết và biến chúng thành những kỹ năng của mình. Tôi hy vọng rằng sau khi đọc xong bài viết này các bạn...

6p abcdef_44 31-10-2011 110 19   Download

Trong hầu hết mọi trường hợp khi sử lý CSS bạn đều rất đau đầu khi cần ie6 hiểu ý bạn. Cách thức tạo menu subnav dưới đây sử dụng css kết hợp Jquery rất đơn giản tuy nhiên hiệu quả thật mỹ mãn. Bạn hoàn toàn có thể kết hợp với việc truy vấn từ DB Điều cần thiết khi tạo sub menu là bạn cần tách biệt sub menu ra khỏi menu chính bằng thẻ . Tất nhiên bạn có thể có lựa chọn khác như dùng tiếp thẻ ul . ...

5p haitk38 25-04-2011 287 41   Download