html-css

2020-03-24

html

字数统计: 499字 | 阅读时长≈ 2分钟

css样式

例：普通样式、链接样式

<!DOCTYPE html>
<html>
<head>
<mate charset="utf-8">
<title> cainiao</title>
<style type="text/css">
h1{color:red;}
p{color:blue;}
</style>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1> text</h1>
<p>text</p>
</body>
</html>

样式	说明
内联样式	在HTML元素中使用”style” 属性,当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。`<p style="color:blue;margin-left:20px;">这是一个段落。</p>`背景色属性（background-color）定义一个元素的背景颜色,我们可以使用font-family（字体），color（颜色），和font-size（字体大小）属性来定义字体的样式:使用 text-align（文字对齐）属性指定文本的水平与垂直对齐方式;
内部样式表	在HTML文档头部`<head>` 区域使用`<style>` 元素来包含CSS,当单个文件需要特别样式时，就可以使用内部样式表。你可以在`<head>` 部分通过`<style>`标签定义内部样式表:
外部引用	使用外部 CSS 文件,当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观

注意

在HTML 4, 原来支持定义HTML元素样式的标签和属性已被弃用。这些标签将不支持新版本的HTML标签。
不建议使用的标签有:<font>, <center>, <strike>
不建议使用的属性: color 和 bgcolor.

版权声明： 本博客所有文章除特别声明外，均采用 Apache License 2.0 许可协议。转载请注明出处！