Tổng hợp thuộc tính CSS cơ bản giúp chỉnh sửa Blogspot cho người mới

GET LINK

Dưới đây mình sẽ tổng hợp các thuộc tính cơ bản giúp các bạn mới làm quen blogspot dễ đọc code và chỉnh sửa template dễ dàng hơn.

color:#fff chỉnh màu sắc
background:#000 chỉnh màu nền
background: linear-gradient(45deg,#0686c7 0,#65b5de 100%) Màu nền kiểu Gradient
background-image: linear-gradient(to bottom, rgba(255,0,0,0), #3a393f); (nền màu Gradient mờ)
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzOcx8l4g1aJg9aneny1CIxXyPT9JF6Y7-dS-84eirL3_UmwQKCqbYvUWrsfrY5tbBvZQE0mtoDWZmlUj0_y1KfJtFcXPmT61LFw3Pi8DYgfXEjSrAOMGrQb7A5oXz_VY_qelEhvcMADw/s1600/background-page%2528blue%2529.png)  repeat-x;color:#fff;font-family:'ABeeZee', sans-serif;font-size:18px;font-weight:300;line-height:27px;margin:0; Nền là hình ảnh
background:url(http://giaitri321.pro/files/image/muiten.gif) no-repeat 0 3px Nền là hình ảnh.
background: #f8f8f8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUT8CZTKHFP2Qg1BIVw6ksJw4p639JeVxeOOImn1F2tNnXzgCrsjxjgwn-7y3GV1QnYxsaR8CMe9rsww2h9u5Zd9apX7B6264hR-xFfJpz74e7PQmPGE-MPa48UW_AUzB5FXqbs6lI2CXY/s1600/body.bg.png) repeat fixed top left; background-color: #f3f3f3; Nền hình ảnh lặp lại.

Định dạng viền
border: 2px dashed #e23342 chỉnh đường viền (solid: nét liền; dashed: nét đứt)
border-radius: 5px; chỉnh góc bo viền

Định dạng chữ viết
font-family:Arial; Chọn font chữ
font-size:15px; Kích thước chữ
font-weight: bold; 500px; Định dạng in đậm cho text
font: 500 16px Roboto Condensed; Định dạng in đậm, kích thước, kiểu font chữ
font-style:italic; Định dạng chữ in nghiêng.
text-transform:uppercase; Chữ hoa
text-transform:capitalize; Chữ hoa mỗi từ đầu
text-decoration:underline; Chữ gạch dưới

Định dạng văn bản
line-height: 1.2 Khoản cách giữa các dòng
letter-spacing: 0.5px Khoản cách giữa các từ (càng lớn càng rộng)
word-spacing: 2px Khoản cách giữa các chữ
text-align:left; canh lề biên (center, left, right, justify)

Vị trí:
margin: Căn chỉnh khoản cách từ biên giữa các thẻ. (Trên- Phải - Dưới - Trái)
padding: Căn chỉnh khoản cách từ biên vào trong thẻ. (Trên- Phải - Dưới - Trái)
height: 10px Chiều cao đối tượng
position: fixed Vị trí nổi cố định trên web

Hiển thị
visibility: hidden = Tạm ẩn thuộc tính
display: none => Ẩn đối tượng
opacity:0; Hiệu ứng trong suốt (1 là mặc định đến 100)
white-space: nowrap; Viết tràn không xuống dòng

Đỗ bóng
box-shadow: 1px 1px 1px #666 => Đổ bóng đối tượng  
box-shadow:  canh ngang - canh dọc - độ nhòe - kích thước bóng - màu
box-shadow: 1px 0 5px rgba(0,0,0,0.2);
text-shadow: 1px 1px 1px #000 Đổ bóng chữ 

Thuộc tính liên kết (Link)
target="_blank" => Chuyển tab mới khi click link

display: -webkit-box;; box-sizing: border-box; overflow-x: scroll; overflow-y: hidden; white-space: nowrap: list ảnh trượt
(margin-top: -12px; padding: 10px; line-height: 1.3em; overflow: auto; height: 203px; color: #484848; background-color: #f7f7f7; font-family: Arial; font-size: 13px; text-align: left; border-radius: 3px; border: 1px solid #f3f3f3;)

Hiệu Ứng
transform:rotate(90deg): hiệu ứng xoay text

Đang tổng hợp...

#TienWiki