HTML样式

HTML样式

利用层叠样式表(外国语简称:CSS)加入斜体字非常简单,而且我们 对于加重字体还有很多选择。


[例如]

(1)

颜色

<html>

<head>
<meta charset="UTF-8">
<style type="text/css">
h1 {color: red}
p {color: blue}
</style>
</head>
<body>
<h1>this is红色。</h1>
<p>this is蓝色。</p>
</body>

</html>

(2)

去掉网页链接下划线

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
    <title></title>
</head>
<a href="http://www.baidu.com"style="text-decoration:none">
这是一个链接!
</a>
<body>
</body>
</html>

如何使用样式

当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:

(1)外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观,可以多次调用到外部样表格,所以很方便。

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

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

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

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

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
标签 描述
<style> 定义样式定义。
<link> 定义资源引用。
<div> 定义文档中的节或区域(块级)。
<span> 定义文档中的行内的小块或区域。
<font> 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
<basefont> 定义基准字体。不赞成使用。请使用样式。
<center> 对文本进行水平居中。不赞成使用。请使用样式。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,694评论 1 92
  • CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。 代码如下: 如何使用C...
    你说明哥我说哎阅读 1,882评论 0 0
  • 当浏览器读到一个样式表,他就会按照样式表对文档进行格式化,有如下三种方式可以插入样式表: 1,外部样式表。当样式需...
    绪雨成澜阅读 1,688评论 0 0
  • CSS是Cascading Style Sheets(层叠样式表)的缩写。用来表现HTML(标准通用标记语言的一个...
    findmoon阅读 2,990评论 0 0
  • 最美好的是 安静中时光一晃而散 我还在故事里 独自陪你风起云涌 差一点 迷路在发黄的15页 还好 这是最荣幸的耽搁...
    想流浪的许愿瓶阅读 2,586评论 0 0

友情链接更多精彩内容