HTML CSS

来源：互联网发布：知乎值得关注的博主编辑：程序博客网时间：2024/06/14 04:32

一、实例

1、如何使用添加到 <head>部分的样式信息对 HTML进行格式化。

tml>
<head>
<meta http-equiv="Content-Type" content="paragraphs/html;charset=utf-8" />
<style type="text/css">
p {color:red}
h1 {color:blue}
</style>
</head>
<body>
<p>这是<br/>段落。</p>
<p>我就是。</p>
<p style="text-align:center">这是段落。</p>
<hr/>

<p style="font-family:time;font-size:50px;color:red">段落元素由 p标签定义。</p>
<h1>前端大会上</h1>
</body>
</html>

结果：

2、使用样式属性做一个没有下划线的链接

<ahref="https://www.baidu.com/"style="text-decoration:none">

这是一个链接！
</a>

3、 <link>标签链接到一个外部样式表。

二、当浏览器读到一个样式表，就会按照样式表对文档进行格式化

1、外部样式表

通过改变一个文件来改变整个站点的外观（当样式需要被用到很多页面的时候）实例3 1

<head>

</head>

2、内部样式表

在head部分通过style标签来定义内部样式表（当单个文件需要特别样式）实例2

<head>

body {background-color: red}

p {margin-left: 20px}

</style>

</head>

3、内联样式

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

This is a paragraph

</p>

标签

描述

<style>

定义样式定义。

<link>

定义资源引用。

<div>

定义文档中的节或区域（块级）。

<span>

定义文档中的行内的小块或区域。

阅读全文

0 0