Việc đầu tiên các bạn cần phải quan tâm đối với CSS đó chính là sự tương thích với các trình duyệt web. Trên thế giới hiện nay có rất nhiều trình duyệt khác nhau, nhưng có lẽ được tin dùng nhất chính là Mozila Firefox và Google Chrome. Vì vậy mà người lập trình thiết kế website viết các đoạn mã CSS sao cho tất cả các trình duyệt đều hiểu được không phải là dễ, nhưng cũng không phải là quá khó như các bạn tưởng tượng. Cross browser transparency: - thiết lập cho từng trình duyệt .ClassName { filter:alpha(opacity=50); // trình duyệt IE moz-opacity:0.5; // trình duyệt mozilla khtml-opacity: 0.5; // trình duyệt Safari opacity: 0.5; // hầu hết các trình duyệt, nhưng IE thì không. } First-child selectors - ví dụ bên dưới tạo màu chữ riêng cho lớp đầu tiên của footer (nằm trong thẻ) (lệnh này mình không rành lắm) .footer em:first-child { color:#ccc; } First-letter (kí tự đầu tiên) first-letter{ color:#ff0000; font-size:60px; } First-line- thiết lập thuộc tính cho dòng đầu tiên #p:first-line { color:#ff0000; font-weight:bold; } Độ cao tối thiểu .ClassName { min-height:200px; } - code trên không hỗ trợ cho IE, để hiển thị trên IE, bạn tham khảo code bên dưới: .ClassName{ min-height:200px; height:auto !important; height:200px; } Thuộc tính clip (hiển thị một phần) img { clip:rect(50px 218px 155px 82px); } với code mà người thiết kế web tạo ra này, ảnh sẽ được clip phía trên 50px, bottom là 218px (tính từ trên xuống), right là 155px (tính từ trái qua), left là 82px (cũng tính từ trái qua). Bo góc: .rounded_corner { -moz-border-radius:10px; -webkit-border-radius:10px; width:400px; height:100px; background-color:#000; } Drop shadow (tạo bóng đổ) .your_shadow { width:400px; height:200px; background-color:#000; -webkit-box-shadow: 5px 5px 2px #ccc; }
Bạn muốn PR cái link của bạn à? Bạn hãy sưu tầm một mớ đầy đủ về CSS post lên, số người view và click sẽ tăng lên.
Cần gì PR, nội trong đây ko thì cũng nhiều người click vô rồi. Cảm ơn bài viết của bác nha. rất có ích cho mình để làm cái web. Cảm ơn nhiều
Bạn ơi, Mình muốn canh lề nội dung đều 2 bên thì làm sao hả bạn? Mặc định thì canh lề trái, không đẹp. Cảm ơn bạn!
canh lề nội dung 2 bên đều text-align: justify css còn có nhìu mẹo, chưa kể css3 còn có thể thay thế jQuery + php ở một số thành phần. Sử dụng Sublime để code dùng plgin để tự động gen code qua xhtml
Thực ra cũng chưa ổn lắm, vì thế giới có rất nhiều người dùng các trình duyệt khác nhau, nên nếu làm một cách đầy đủ ra thì: opacity thêm filter-opacity, sẽ chạy được trên cả IE hoặc với thuộc tính border thì nên thêm cụ thể: -moz-border -webkit-border -ms-border -o-border. Đằng nào cũng thêm thì thêm luôn, kẻo lục lại để thêm mất rất nhiều thời gian
*Vị trí: Jamila Khang Điền nằm ngay mặt tiền đường Song Hành, P. Phú Hữu, Q9 cạnh khu biệt thự 5 sao The Venica và Lakeview City Novaland. *Jamila Khang Điền nằm ngay vị trí đắc địa di chuyển dễ dàng: - Mất 15, 20 phút về trung tâm quận Thủ Đức, Quận 7 bằng đường Vành Đai Trong. - Mất 30 - 90 phút di chuyển đến sân bay Quốc tế Long Thành, Bình Dương, Đồng Nai, Vũng Tàu bằng đường cao tốc Long Thành - Dầu Giây *Chủ đầu tư: Công ty Cổ phần đầu tư và Kinh doanh nhà Khang Điền. Tổng thầu xây dựng: Hòa Bình Corporation. Đơn vị thiết kế cảnh quan: Ong&Ong. Đơn vị quản lý: CBRE. Tổng diện tích: 1,7 ha. Mật độ xây dựng: 23,3%. Quy mô dự án: 4 Block 25 tầng. Jamila Khang Điền được bố trí từ 2-3 phòng ngủ, diện tích đa dạng + Căn hộ 2 phòng ngủ (từ 69 - 75m2). + Căn hộ 3 phòng ngủ (88 - 99m2). Tiện ích nội khu của Jamila Khang Điền: Gym, hồ bơi tràn 858m2( hồ bơi lớn nhất so với tất cả các chung cư quận 9), công viên ven sông 7000m2, TT thương mại, trường học Quốc tế 1000m2, khu vui chơi trẻ em