Bạn ghé thăm diễn đàn lần đầu? hãy đăng ký ngay bây giờ để tham gia.
  • Đăng nhập:

Chào mừng bạn đến với ITVNN FORUM - Diễn đàn công nghệ thông tin.

Nếu đây là lần đầu tiên bạn tham gia diễn đàn, xin mời bạn xem phần Hỏi/Ðáp để biết cách dùng diễn đàn. Để có thể tham gia thảo luận bạn phải đăng ký làm thành viên, click vào đây để đăng ký.


  • Partner Area
    • Chương trình khuyến mãi khi chuyển dịch vụ về 123HOST Việt Nam Anh Hùng - Thông tin truyền thông
kết quả từ 1 tới 7 trên 7
Tăng kích thước phông chữ Giảm kích thước phông chữ
  1. #1
    HTT.itvn's Avatar

    Trạng thái
    Offline
    Họ tên
    Hoàng Thiên Thanh
    Tham gia ngày
    Oct 2009
    Thành viên thứ
    2889
    Đến từ
    Hà Tĩnh
    Giới tính
    Bài gởi
    2,814
    Level: 52 [?]
    Experience: 15,419,078
    Next Level: 16,259,327
    Cảm ơn 123
    Cảm ơn 1,701 lần / 895 Bài viết

    Icon1 Phần I : Mở đầu và Quy ước trong CSS .  




    BÀI 1 : NGÔN NGỮ LẬP TRÌNH CSS



    Như chúng ta đã biết , ngôn ngữ CSS có ứng dụng rộng rãi hầu hết trong các trang website , diễn đàn hiện nay . CSS giúp chúng ta sắp xếp giao diện một cách dễ dàng và đẹp hơn . Nói tóm tắt thế thôi , giờ chúng ta đi vào phần 1 nhé .



    PHẦN I : QUY ƯỚC TRONG CSS .



    I.1 – Định dạng bằng CSS



    - CSS ( Cascading Style Sheet ) : Mẫu quy định cách thức thể hiện các thẻ HTML.
    - Style được đưa vào HTML 4.0 để giải quyết một số vấn đề.
    -Giúp tiết kiệm được rất nhiều thời gian và công sức cho việc thiết kế web.
    - Có thể định nghĩa nhiều style vào một thẻ HTML (Cascading).



    I.2 – Các loại style trong CSS



    - Inline Style : Style được qui định trong 1 thẻ HTML cụ thể
    - Internal Style : Style được qui định trong phần <HEAD> của 1 trang HTML
    - External Style : style được qui định trong file .CSS ngoài
    - Browser Default : thiết lập mặc định của trình duyệt



    I.3 – Cách sử dụng CSS trong ngôn ngữ khác .



    Trong ngôn ngữ HTML , CSS được chèn như sau :
    - Được đặt trong thẻ <head> … </head>
    - Với External style : CSS được viết trong một file riêng có dạng TênFile.css và link nhúng CSS như sau :
    <link href=“địa chỉ file" rel="stylesheet" type="text/css">




    Ví dụ :Ta có file HTML là index.html và file style.css được đặt trong thư mục web ( thư mục này ngang hàng với file index.html ) thì link chèn CSS trong HTML như sau :



    <link href=”web/style.css” rel=”stylesheet” type=”text/css”>




    - Với Internal style: CSS được chèn trong một trang của HTML , thì CSS được chèn như sau :






    <style type=“text/css”>



    Nội dung định nghĩa style



    </style>




    Ví dụ :



    <style type=”text/css”>
    body{ background-color:#a0a0a0;
    padding:0 0 0 0;
    margin-left:1px;
    }
    </style>


    - Với Inline style:



    <tên_thẻ style=“Thuộc_tính_1:giá_trị_1;thuộc_tín h_2:giá_trị_2;…”>



    Chú ý : Tên thẻ không được bỏ trống hay giữa các kí tự có dấu cách mà phải viết liền nhau .



    I.4 - Khai báo và sử dụng style



    - Khai báo style:



    selector {
    Property1: Value1;
    Property2: Value2;
    .
    }




    Chú ý : Các style có phân biệt chữ hoa với chữ thường . Để chèn ghi chú trong CSS thì cấu trúc chèn như sau :



    /* Đoạn ghi chú */



    - Style áp dụng cho thẻ cụ thể

    + Đặt slector là tên thẻ .



    Ví dụ : p { color:blue ; }



    Có thể khai báo đồng thời nhiều thẻ và các thẻ cách nhau bởi 1 dấu phẩy ( , )



    Ví dụ : h1,h2,h3,h4 { border:1px solid #c3c3c3;}



    + Tạo lớp :



    Gắn với tên thẻ cụ thể : đặt selector là tên_thẻ.tên_lớp



    Ví dụ :



    p.the_1 {
    color:green;
    }



    p#the_2 {
    color:glow;
    }


    Không gắn với tên thẻ cụ thể : trước tên lớp là một dấu . hoặc #
    Ví dụ :

    .the_1 {
    color : green;
    }
    #the_2 {
    color : glow;
    }



    - Sử dụng lớp : nếu trước tên_thẻ là dấu . thì thuộc tính là class , nếu trước tên_thẻ là # thì sử dụng thuộc tính là id .



    <tên_thẻ class=”tên_lớp”> … </tên_thẻ>
    <tên_thẻ id=”tên_lớp”> … </tên_thẻ>




    Ví dụ :



    <p class=”the_1”> Đoạn code HTML </p>
    <p id=”the_2”> Đoạn code HTML </p>




    Phần I đến đây là cơ bản xong , các bạn nhớ nắm vững nhé . Trong các phần sau sẽ trình bày các chức năng cụ thể của từng thuộc tính , giúp các bạn nắm rõ và sử dụng thành thạo CSS một cách hiệu quả trong bài học TỰ THIẾT KẾ WEBSITE BẰNG CÁC NGÔN NGỮ HTML , CSS , PHP , MySQL , VB , JAVASCRIPT VÀ JSP .



    Tải phần I về tại đây .




    CHÚC CÁC BẠN THÀNH CÔNG !
    Hình Kèm Theo Hình Kèm Theo
    thay đổi nội dung bởi: HTT.itvn; 30-12-2010 lúc 03:24 PM
    Chuyên thiết kế website / forum / Modules ... Hỗ trợ trực tuyến : d.web_vn@yahoo.com

    -------------------------------------------------------------------------------------------------
    Bởi vì : " Anh chỉ mất đi một người không yêu anh,
    Nhưng em mất đi một người yêu em thật lòng ... "

    -------------------------------------------------------------------------------------------------




  2. The Following 6 Thank You to HTT.itvn For This Useful Post:

    blueblood2k3 (21-01-2011),chi pheo return (25-05-2011),Dunglx (21-01-2011),hanhkhat (30-12-2010),Tiểu Bá Vương 1404 (30-12-2010),ypmv2 (30-12-2010)

  3. #2
    Tiểu Bá Vương 1404's Avatar

    Trạng thái
    Offline
    Họ tên
    BCP Hùng
    Tham gia ngày
    Oct 2010
    Thành viên thứ
    32314
    Đến từ
    Vietnam
    Tuổi
    30
    Giới tính
    Bài gởi
    3,311
    Level: 53 [?]
    Experience: 16,964,018
    Next Level: 19,059,430
    Cảm ơn 394
    Cảm ơn 1,859 lần / 992 Bài viết

    Default

    tích hợp cái này vô ebook luôn thì tốt quá.

  4. #3
    blueblood2k3's Avatar

    Trạng thái
    Offline
    Họ tên
    blue the sky
    Tham gia ngày
    Jan 2011
    Thành viên thứ
    38168
    Đến từ
    where U can find a computer
    Tuổi
    54
    Giới tính
    Bài gởi
    4
    Level: 19 [?]
    Experience: 20,132
    Next Level: 22,851
    Cảm ơn 2
    Cảm ơn 0 lần / 0 Bài viết

    Default

    Thks mấy huynh nhiều, mình đang mò học cái này, mới vứa làm xong cái forum cho công ty xong, đang vọc để chỉnh mà chưa ra hồi xưa học web thì chú css chưa ra, lúc đó chú asp 2.0 mới khai sinh, bi giờ lọ mọ học lại he he he

  5. #4
    Tiểu Bá Vương 1404's Avatar

    Trạng thái
    Offline
    Họ tên
    BCP Hùng
    Tham gia ngày
    Oct 2010
    Thành viên thứ
    32314
    Đến từ
    Vietnam
    Tuổi
    30
    Giới tính
    Bài gởi
    3,311
    Level: 53 [?]
    Experience: 16,964,018
    Next Level: 19,059,430
    Cảm ơn 394
    Cảm ơn 1,859 lần / 992 Bài viết

    Default

    Chú (không biết xưng hô vậy có hợp không) có thể tìm hiểu nhiều về css trong trang: w3schools.com

  6. #5
    HTT.itvn's Avatar

    Trạng thái
    Offline
    Họ tên
    Hoàng Thiên Thanh
    Tham gia ngày
    Oct 2009
    Thành viên thứ
    2889
    Đến từ
    Hà Tĩnh
    Giới tính
    Bài gởi
    2,814
    Level: 52 [?]
    Experience: 15,419,078
    Next Level: 16,259,327
    Cảm ơn 123
    Cảm ơn 1,701 lần / 895 Bài viết

    Default

    Trích Nguyên văn bởi tieubavuong1404 View Post
    Chú (không biết xưng hô vậy có hợp không) có thể tìm hiểu nhiều về css trong trang: w3schools.com
    Cái cách nói chuyện thì biết là không phải tuổi 41 rồi Lúc đăng ký để ngày sinh mặc định mà .

  7. #6
    Tiểu Bá Vương 1404's Avatar

    Trạng thái
    Offline
    Họ tên
    BCP Hùng
    Tham gia ngày
    Oct 2010
    Thành viên thứ
    32314
    Đến từ
    Vietnam
    Tuổi
    30
    Giới tính
    Bài gởi
    3,311
    Level: 53 [?]
    Experience: 16,964,018
    Next Level: 19,059,430
    Cảm ơn 394
    Cảm ơn 1,859 lần / 992 Bài viết

    Default

    Trích Nguyên văn bởi HTT.itvn View Post
    ...Lúc đăng ký để ngày sinh mặc định mà .
    Không biết phải không nhưng cứ lể phép trước cho chắc ăn!

  8. #7
    letruonght89's Avatar

    Trạng thái
    Offline
    Tham gia ngày
    Jan 2022
    Thành viên thứ
    125675
    Tuổi
    34
    Giới tính
    Bài gởi
    9
    Level: 16 [?]
    Experience: 9,213
    Next Level: 10,000
    Cảm ơn 0
    Cảm ơn 0 lần / 0 Bài viết

    Default

    em đang ngu phần css bác nào dạy em với


 

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Trả lời: 1
    Bài mới gởi: 05-08-2024, 01:42 PM
  2. Trả lời: 0
    Bài mới gởi: 13-07-2015, 01:59 PM
  3. Trả lời: 0
    Bài mới gởi: 16-08-2011, 10:56 AM
  4. cho hỏi cách sữa ranks trong chatbox như trong hình.
    By yang in forum Hỏi đáp & Thảo luận
    Trả lời: 3
    Bài mới gởi: 27-05-2011, 12:35 PM
  5. Trả lời: 0
    Bài mới gởi: 16-01-2010, 01:05 AM

Tags for this Thread

Bookmarks

Quuyền Hạn Của Bạn

  • Bạn không thể tạo chủ đề mới
  • Bạn không thể trả lời bài viết
  • Bạn không thể gửi file đính kèm
  • Bạn không thể chỉnh sửa bài viết
  •