Bài 5: Cách sử dụng (nhúng – embedded) CSS vào Blogspot Blogger

Nhung (embedded) CSS vao Blogspot Blogger Template

Nhúng (embedded) CSS vào Blogspot Blogger Template

Trong bài viết này mình chia sẻ đến bạn cách sử dụng (nhúng – embedded) CSS vào Blogspot Blogger. Đây cũng là điều bạn cần biết để thực hiện bổ sung tính năng cho template Blogspot trong các bài tiếp theo.

Có 3 cách sử dụng / nhúng CSS trong Blogspot Blogger Template

Cách 1 – Inline CSS:

Với các này bạn sẽ định dạng đối tượng (ví dụ như: đoạn văn, câu từ) ngay trên hàng (inline) code của đối tượng đó.

Ví dụ một đoạn văn bản dưới đây mình muốn nó in nghiên chữ và có màu xanh thì Inline CSS nó sử dụng như thế này:

To use inline styles, add the style attribute to the relevant element. The style attribute can contain any CSS property.

HTML chèn vào template sẽ là:

<span style="color: #008000;"><em>To use inline styles, add the style attribute to the relevant element. The style attribute can contain any CSS property.</em></span>

Cách 2 – Internal CSS:

Với cách này bạn sẽ viết toàn bộ CSS vào trong

<b:skin>
<![CDATA[ 
...
...
/* NỘI DUNG CSS */
...
...
 ]]>
</b:skin>

Ví dụ minh họa:

<b:skin>
<![CDATA[

body, html {
height: 100%;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}

]]>
</b:skin>

Cách 3 – External CSS

Với cách này bạn ứng dụng trong trường hợp sử dụng một nguồn CSS lưu ở bên ngoài, bạn sẽ dán nó trước thẻ <head> với cú pháp như sau:

<link href='https://ten-mien.com/ten-file.css' rel='stylesheet' type='text/css'/>

Cũng không có gì quá khó khăn đúng không nào ? Như vậy là bạn đã biết được thêm cách nhúng CSS vào Blogspot Blogger rồi đấy.

Bài trước đó và tiếp theo

Bài viết bạn đang xem được viết bởi Tịnh Nguyễn, là người thường đăng bài và comment dạo trên Hocban.vn

guest
0 Comments
Inline Feedbacks
View all comments