1. Kết quả Event Ghost 2016


    Dưới đây là danh sách những thành viên đoạt giải thưởng trong Event Ghost 2016

CSS là gì?

Thảo luận trong 'HTMl , CSS , Javascript' bắt đầu bởi Raymond, 23 Tháng hai 2012.


  1. Raymond

    Raymond Member Tích Cực

    164
    91
    43
    [h=5]CSS là gì?[/h] CSS là chữ viết tắt của Cascading Style Sheets, nó chỉ đơn thuần là một dạng file text với phần tên mở rộng là .css. Trong Style Sheet này chứa những câu lệnh CSS. Mỗi một lệnh của CSS sẽ định dạng một phần nhất định của HTML ví dụ như: font của chữ, đường viền, màu nền, căn chỉnh hình ảnh v.v..
    Trước đây khi chưa có CSS, những người thiết kế web phải trộn lẫn giữa các thành phần trình bày và nội dung với nhau. Nhưng với sự xuất hiện của CSS, người ta có thể tách rời hoàn toàn phần trình bày và nội dung. Giúp cho phần code của trang web cũng gọn hơn và quan trọng hơn cả là dễ chỉnh sửa hơn.
    Trước khi bắt đầu tìm hiểu thêm về CSS tôi muốn bạn biết một chút về thế mạnh của nó trong việc thiết kế web. Ví dụ nếu làm việc với HTML và bạn muốn font chữ của toàn bộ trang web là Arial. Bạn sẽ phải làm đi làm lại như thế cho tất cả các file .html mà bạn có. Nhưng nếu bạn sử dụng CSS, thì bạn chỉ cần làm một lần và tất cà các trang khác sẽ tự động được thay đổi.
    [h=5]Ba cách để định dạng trang web[/h] Có ba cách bạn có thể sử dụng để định dạng trang web là: cục bộ, nhúng vào trang và liên kết đến một file CSS riêng biệt. Trong thực tế thì cách cuối cùng là liên kết đến một file riêng biệt được sử dụng phổ biến nhất. Nhưng bạn cũng nên biết về hai cách còn lại vì đôi khi bạn cũng phải sử dụng đến nó tuy không nhiều
    .
    [h=5]1. Cục bộ – code CSS được chèn trực tiếp vào trong thẻ HTML[/h] Cách định dạng cục bộ là bạn sử dụng code CSS chèn trực tiếp vào thẻ HTML và chỉ có tác động lên thẻ đó.
    Ví dụ


    [h=5]2. Nhúng vào trang web[/h] Cách thứ hai là bạn khai báo code CSS nằm trong cặp thẻ <style></style> được đặt ở phần <head></head> của tài liệu. Về cơ bản nó cũng chỉ có tác động cục bộ lên file mà bạn chèn đoạn code CSS này. Nó có phạm vi ảnh hưởng lớn hơn là cách chèn cục bộ được nói ở trên, nhưng nó không có ảnh hưởng đến các file khác trong cùng một trang web.




    [h=5]3. Liên kết đến một file biệt lập[/h] Thực tế cách cuối cùng này mới là thế mạnh thực sự của CSS bởi vì bạn chỉ cần tạo ra một file CSS và viết code chỉ một lần. Nó sẽ ảnh hưởng đến toàn bộ trang web chứ không chỉ ảnh hưởng đến một file .html đơn lẻ hoặc chỉ một thẻ trong hàng ngàn thẻ mà bạn có. Bằng cách này chúng ta có thể tách rời hoàn toàn những thành phần trình bày và nội dung ra khỏi nhau. Nếu bạn viết toàn bộ code CSS trong một file và liên kết nó đến những trang còn lại, thì việc thay đổi sửa chữa trang web trở nên cực kỳ đơn giản.
    Để liên kết file CSS đến tất cả các file .html của bạn, bạn chỉ cần chèn đoạn code sau vào giữa thẻ <head></head> của tài liệu:



    Và trình duyệt sẽ tự động dùng file style_sheet.css để định dạng cho trang web của bạn. Tất nhiên trong file style_sheet.css bạn đã viết code CSS rồi.
    Điều cuối cùng bạn cần biết về 3 loại hình sử dụng CSS là
    Cục bộ > Nhúng vào trang > Liên kết đến một file biệt lập
    Công thức trên có nghĩa là cách Cục bộ “đánh bại” cách Nhúng vào trang và Liên kết đến một file riêng biệt. Hoặc nói theo cách khác thì cách nhúng cục bộ là mạnh nhất, sau đó đến Nhúng vào trang và cuối cùng là liên kết đến một file biệt lập.

    Sưu tầm : izwebz.com
     
    hoangtungpc.info and votrongsu like this.
  2. votrongsu

    votrongsu Thành Viên Cống Hiến

    176
    32
    28
    Bài viết khá hay
     
  3. xdhcda

    xdhcda Moderator

    1,254
    551
    113
    Cách học của mình chỉ đơn giản là xem mã nguồn free > Phân tích chức năng của các đoạn code > rút ra bài học
    Lúc đầu mình nghĩ là ; Download nhiều ebook > đọc > giỏi. nhưng thực tế > chưa đọc tí gì
     
    Raymond thích bài này.
  4. Raymond

    Raymond Member Tích Cực

    164
    91
    43
    cách học này của cậu cũng hay , nhưng Ray có cách học riêng của Ray .

    Download Temp free và dùng firebug of Dream về xem lại :>
     
  5. xdhcda

    xdhcda Moderator

    1,254
    551
    113
    Đâu chẳng thế. cũng học = code free
     
  6. Raymond

    Raymond Member Tích Cực

    164
    91
    43
    ừh, nhưng nói chung học là phải biết lấy cái mẫu mà xem trc , sách vở không thì học chậm lắm :>
     
  7. girlhien9x

    girlhien9x Thành Viên Cống Hiến

    396
    96
    43
    học bằng dream không hiệu quả, khi trí nhớ vẫn còn minh mẫn hãy học bằng notepad++ thôi, khi ta nhớ cậu lệnh code ngon thì mới dùng loại gợi nhớ;)
     
  8. Raymond

    Raymond Member Tích Cực

    164
    91
    43
    trời ạ , Notepad nữa . Giờ tụi anh chỉnh sửa trực tiếp = Firebug hết rồi em :D
     
  9. Người Nào Đó

    Người Nào Đó Mr. Right Ban Quản Trị

    3,680
    1,607
    113
    Tên thật:
    Nguyễn Đăng Quang
    tks a nhá, bài viết hay lắm a ạ!!
     
  10. xdhcda

    xdhcda Moderator

    1,254
    551
    113
    mỗi cái đều có cái hay riêng
     
    hoangtungpc.info and Raymond like this.
  11. Alfred Seattle

    Alfred Seattle Member Chính Thức

    27
    21
    3
    Ghi rõ nguồn izwebz.com bạn nhé.
     

Chia sẻ trang này