HTML CSS

Sa pamamagitan ng paggamit ng HTML4.0, ang lahat ng formatong kodigo ay maaaring ilisan sa dokumentong HTML, pagkatapos ay ilipat sa isang indibidwal na estilo table.

Halimbawa

Estilo sa HTML
Ang halimbawa ay nagpapakita kung paano gamitin ang impormasyon ng estilo na idinagdag sa <head> na bahagi upang pormatihin ang HTML.
Link na Walang Underline
Ang halimbawa ay nagpapakita kung paano gamitin ang atributo ng estilo upang gumawa ng isang link na walang underline.
Konekta sa Panlabas na Estilo Table
Ang halimbawa ay nagpapakita kung paano magkonekta ang <link> tag sa isang panlabas na estilo table.

Paano Gamitin ang Estilo

Kapag binabasa ng browser ang isang estilo table, ito ay magiging pormat ng dokumento ayon sa estilo table. May tatlong paraan upang maglagay ng estilo table:

Panlabas na Estilo Table

Kapag kailangan ilapat ang estilo sa maraming pahina, ang panlabas na estilo table ay magiging pinakamagandang pagpipilian. Gamit ang panlabas na estilo table, maaari mong baguhin ang kabilang pang-anyo ng buong site sa pamamagitan ng pagbabago ng isang file.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

内部样式表

当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

内联样式

当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

访问我们的 CSS 教程，学习更多有关样式的知识。

标签 描述
<style> 定义样式定义。
<link> 定义资源引用。
<div> 定义文档中的节或区域（块级）。
<span> 定义文档中的行内的小块或区域。
<font> 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
<basefont> 定义基准字体。不赞成使用。请使用样式。
<center> 对文本进行水平居中。不赞成使用。请使用样式。