Cách kết nối Java với SQL server
10 cách khắc phục khi file Word bị hỏng
Bạn có nhiều file tài liệu quan trọng, và đôi khi không hiểu vì một lý do nào đó, bạn không thể mở file văn bản của mình. Trước khi phải chấp nhận sự thật rằng bạn sẽ mất hết những tài liệu quan trọn
HTML 5 - Tương lai web
HTML5 cho phép nhà phát triển, lập trình web tạo ra các trang web có thể hoạt động tốt trên nhiều trình duyệt khác nhau của bất kỳ thiết bị nào – từ MTĐB, MTXT cho đến ĐTTM. Không những vậy, HTML5 cò
Không có con đường nào dài quá đối với kẻ bước đi thong thả, không vội vàng. Không có cái lợi nào xa xôi quá đối với những kẻ kiên nhẫn làm việc
La Bruyere
Tags thiết kế website
Tên miền, Đăng ký tên miền,
thiet ke web, chuyen thiet ke web,
Thiết kế website,
chuyên thiết kế website,
tu van web,tư vấn web,
dich vu website,
dịch vụ website,
web design,
giải pháp thiết kế website,
website thương mại,
quang ba web,
quang ba website,
dịch vụ SEO,
tutorial,
thiết kế website bán hàng,
thiết kế website doanh nghiệp,
hosting,
từ khóa,
công ty thiết kế web,
Website template,
thư viện website
Tạo file reset.css của riêng bạn ( 2035 lượt xem )

Rất nhiều người mới đến với CSS không nhận ra tầm quan trọng của việc tạo một file "reset.css". Tại sao lại như vậy? Bạn cần biết rằng, mỗi trình duyệt đều có một kiểu style mặc định sẵn, và không phải tất cả là giống nhau. Và khi bạn sắp xếp mọi thứ thật đẹp trên trình duyệt này rồi xem ở một trình duyệt khác bạn ngạc nhiên tự hỏi "tại sao ở đây lại bị cách ra vậy?", "tại sao chỗ này lại chui xuống dưới nhỉ?"...Và bạn sẽ tìm cách để sửa nó sao cho thể hiện được ở trình duyệt kia. Với kinh nghiệ
Bước 1: Margin và padding: 0
Mặc định các trình duyệt sẽ thêm thuộc tính margin, padding vào rất nhiều thẻ html. Điều dễ thấy nhất đó là 6px margin ở thẻ body. Và trong thiết kế của bạn chắc rất ít khi có nó. Vậy hãy bắt đầu... cho nó về zero
Bạn có thể thêm 1 cách đơn giản
1 |
* {margin: 0; padding: 0;} |
Hoặc liệt kê chi tiết các thẻ
1 |
body, html, div, blockquote, img, label, p, |
2 |
h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, |
3 |
dd, form, a, fieldset, input, th, td |
5 |
margin: 0; padding: 0; border: 0; outline: none; |
Bước 2: Nắm quyền điều khiển tất cả các thẻ
Bạn cũng cần chú ý là các thẻ có kích thước font khác nhau ở những trình duyệt khác nhau. Bạn có thể chỉnh về kích thước riêng của bạn hoặc chỉ đơn giản là giá trị 100%
Tiếp theo, chúng ta sẽ tạo margin và padding cho từng phần riêng biệt, và ở đây, tôi cũng gỡ bỏ style của thẻ ul, ol
07 |
h1, h2, h3, h4, h5, h6 |
Bước 3: Mở rộng
Bạn có thể không cần làm bước này, trong bước này tôi chỉ đưa ra các class hay được sử dụng trong các project của mình
Và file reset.css của bạn
01 |
* {margin: 0; padding: 0;} |
02 |
h1, h2, h3, h4, h5, h6 |
12 |
h1, h2, h3, h4, h5, h6 |
31 |
text-decoration: none; |
36 |
text-decoration: underline; |
Phuc Thinh website