Thứ Tư, 27 tháng 8, 2014

CSS phần 1


1-coder-boy456789-1404320285732

Trước khi học cách kết nối file CSS vào HTML như thế nào, chúng ta hãy xét cấu trúc thư mục chứa các file như sau:
  • Html
    • http://hocwebchuan.com/common/images/ico_file.gifindex.html
    • css
      • http://hocwebchuan.com/common/images/ico_file.gifstyle.css
·         Kết nối file CSS vào file HTML
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen,print" />
Thuộc tính href ta phân tích như sau:
  • style.css là một file có tên là style với định dạng file là .css
  • css là folder chứa file style.css
Như vậy css/style.css sẽ dẫn đường dẫn tới file style.css trong thư mục css.
Viết nội dung CSS theo cấu trúc như sau:
Bộ chọn { thuộc tính: giá trị; }
p { color: red; }
Chúng ta có thể viết nhiều cặp thuộc tính và giá trị cho bộ chọn, mỗi cặp thuộc tính và giá trị có thể viết cách nhau bởi dấu chấm phẩy.
p { color: red; float: left; padding-left: 10px; }
Đoạn code trên tương tự như đoạn code sau:
p {
    color: red;
    float: left;
    padding-left: 10px;
}
***ghi chú:sưu tập

Không có nhận xét nào:

Đăng nhận xét