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

guest
5 Comments
Inline Feedbacks
View all comments
File Chọn Lọc <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">8</span><span style="color: #2196f3;">) </span>
Guest

Quá tuyệt vời luôn

bí mật nhá <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #2196f3;">) </span>
Guest
bí mật nhá (3)

sao mình chèn vào toàn lỗi vây

Bí mật <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #2196f3;">) </span>
Guest
Bí mật (3)
Đã trả lời  Tịnh Nguyễn (2,857)

Mà cho mình hỏi làm sao để xóa js của blogger kiểu mà ấn vào ra tất cả trang của mình ý

Bí mật <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #2196f3;">) </span>
Guest
Bí mật (3)
Đã trả lời  Tịnh Nguyễn (2,857)

Có cánh nào chèn text không bạn