Sunday, November 22, 2015
Thủ
thuật CSS cho thiết kế website cần nhớ
CSS
(Cascading Style Sheet) không khó để học, cái khó là làm sao để đảm bảo css chạy
tốt trên các trình duyệt mà không sinh ra lỗi. Mặc dù CSS3 đã ra đời, tuy nhiên
để tất cả các trình duyệt đều hỗ trợ thì cũng cần có một thời gian nữa.
Sau
đây là danh sách các thủ thuật về css mà mình tin sẽ rất hữu ích cho bạn.
1
Tránh sử dụng CSS hacks
Chúng
ta nên tránh sử dụng hack trong css trừ phi không còn cách nào để sửa. Bởi vì
chúng ta khó có thể biết khi nào thì những câu lệnh hack này ngừng hoạt động
2
Gộp các phần tử lại thành 1 nhóm:
Việc
gộp các phần tử có chung những thuộc tính là điều cần thiết khi viết css, vì nó
giúp bạn giảm dung lượng file css và cũng giúp bạn dễ dàng quản lý
3
Canh Giữa
Thật
dễ dàng để canh giữa các phần tử , với trình duyệt firefox và safari, chúng ta
chỉ cần chỉ định độ rộng (width) canh trái phải tự động. Tuy nhiên với trình
duyệt IE thì chúng ta nên chỉ định thêm text-align:center; để canh giữa phần tử
cha.
4
CSS Positioning
Bằng
cách ấn định position:absolute; chúng ta sẽ có được vị trí chính xác cho đối tượng
5.
Text transform
Css
cho phép bạn tạo ra các kiểu chữ khác nhau như chữ hoa, chữ thường, hay làm các
kí tự đầu dòng được in hoa.
6
Che dấu chữ
Cách
tốt nhất để làm việc này là sử dụng text-indent và outline:none để xóa đường viền.
Chúng ta sẽ sử dụng thủ thuật này khi chúng ta muốn sử dụng hình ảnh để thay thế
cho các dòng chữ (mục đích chính của dòng chữ là để google có thể index)
KHUYẾN MẠI THIẾT KẾ
WEBSITE THÁNG 11
Thiết kế Website trường
học với 6,000,000 VNĐ
Giảm 15% khi thiết kế
Web theo yêu cầu
Miễn phí 1 năm Domain
& Hosting
Free Hỗ trợ kỹ thuật
12 tháng
Bảo hành Website trọn
đời
CHỈ CÓ Ở THÁNG 11 NÀY
- NHANH TAY ĐĂNG KÝ NGAY
☎☎☎ 0965 173 888 - 0466
828 342
