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

Nhúng CSS kiểu Inline:

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>

Nhúng CSS kiểu Internal:

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>

Nhúng CSS kiểu External

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

4.5/5 - (4 votes)
guest
5 Comments
Inline Feedbacks
View all comments
Để tiết kiệm nhiều chi phí khi làm website, blog bằng WordPress thì bạn nên xem qua các chương trình khuyến mãi, giảm giá ở đây nhé !XEM CHI TIẾT
+