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ínhgiá 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