Mr.Hung
Mr.Cong
Bài viết mới
Chủ đề quan tâm
TƯ VẤN VÀ KINH DOANH
• kinhdoanh@caonguyenxanh.vn
• 08.6292 4282 - 08 3949 2357
HỔ TRỢ VÀ CHĂM SÓC
• chamsoc@caonguyenxanh.vn
• 08.6292 4282 - 08 3949 2357
CÔNG TY THIẾT KẾ CAO NGUYÊN XANH
Copyright © 2012 CAO NGUYEN XANH Co., Ltd.
Crop ảnh bằng CSS và HTML
Kỹ thuật cắt ảnh (Crop) dưới đây sẽ cho phép chúng ta có thể lấy những phần ảnh chúng ta muốn. Kích thước của khung sẽ được quy định bởi thuộc tính width: và height: trong phần CSS. Chúng ta cũng có thể di chuyển vị trí khung Crop trên ảnh lớn.
Chúng ta có ví dụ sau:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>untitled</title>
<style type="text/css" media="screen">
div.crop {
height: 300px;
width: 350px;
overflow: hidden;
}
div.crop img {
margin: -300px -200px 0 0;
}
</style>
</head>
<body>
<div class="crop">
<img src="/paper-sculpture-large.jpg" class="crop" alt="Paper Sculpture Large">
</div>
</body>
</html>
Chúng ta sẽ quy định kích thước của khung Crop trong đoạn mã CSS sau:
div.crop {
height: 300px;
width: 350px;
overflow: hidden;
}
và lấy một vùng ảnh nào đó
div.crop img {
margin: -300px -200px 0 0;
}
Mời bạn tham khảo bảng mã màu Web Color trước khi thiết kế website. Bạn nên chọn cho website của mình 1 màu chủ đạo phù hợp với phong thủy của bạn nhé.
Việc dùng đúng định dạng HTML sao cho có ý nghĩa và chuẩn cũng là một việc hết sức phức tạp đối với chúng ta. Thông thường mỗi thẻ HTML thường có ý nghĩa đối với một hoặc một số công việc nhất định. Ví dụ để định dạng cho đoạn văn bản thì cách làm đúng đắn nhất là dùng thẻ <p>, còn thông tin về địa chỉ thì chúng ta chắc chắn phải đặt trong thẻ <address>Thông tin địa chỉ</address>.
Bước đầu tiên là tạo một phác thảo, từ bản phác thảo này, bạn cần tìm ra các yêu cầu cho mẫu thiết kế.(Bạn cũng cần nghiên cứu thị trường hoặc các điều kiện và các mặt hạn chế có thể ảnh hưởng đến thiết kế)
Layout được ví như là thể xác, còn nội dung có thể được ví như là linh hồn của Website. Một Website đẹp không phải chỉ layout và các yếu tố đồ họa, mà trong đó cách trình bày nội dung cũng chiếm một ví trí hết sức quan trọng.
Bài viết dưới đây sẽ giới thiệu với các bạn cách làm cho thẻ <div> có thanh cuộn giống khi ta sử dụng iFrame để load một trang khác.