HTML-CSS简说

最新推荐文章于 2016-12-03 12:04:47 发布

grace666

最新推荐文章于 2016-12-03 12:04:47 发布

阅读量315

点赞数

分类专栏： Html

本文链接：https://blog.csdn.net/grace666/article/details/52017011

版权

Html 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

1.当浏览器解析到一个样式表时，就会按照此样式表对文档进行格式化，有三种方法进行插入样式表：

（1）外部样式表：如果样式要被应用到很多页面，此为最佳选择，可以通过更改一个文件来改变整个站点的外观；

示例代码：

<span style="font-family:Microsoft YaHei;"><html>

<head>
<style type="text/css">
    h1 {color: red}
    p {color: blue}
    h2{color: yellow}
</style>
</head>

<meta charset="utf-8">

<body>

<h1>Header  1  头12345头</h1>
<h2>Header  2  第2个航头</h2>
<p>A  paragraph.</p>

<h1>另一个header 1</h1>

</body>
</html>
</span>

展示效果：

（2）内部样式表

示例代码：

<span style="font-family:Microsoft YaHei;"><html>

<head>
<style type="text/css">
    h1 {color: red}
    p {color: black}
    h2{color: yellow}

    body {background: pink}
</style>
</head>

<meta charset="utf-8">

<body style="background-color:green;color:white">

<h1>Header  1  头12345头</h1>
<h2>Header  2  第2个航头</h2>
<p>A  paragraph.</p>

<h1>另一个header 1</h1>

</body>
</html></span>

展示效果：

（3）内联样式表

示例代码：

<span style="font-family:Microsoft YaHei;"><html>

<head>
<style type="text/css">
    h1 {color: red}
    p {color: black}
    h2{color: yellow}

    body {background: pink}
</style>

</head>

<meta charset="utf-8">

<body style="background-color:green;color:white">

<h1 style="background-color:red;color:grey;font-size:50px">Header  1  头12345头</h1>
<h2 style="color:yellow">Header  2  第2个航头</h2>
<p style="background-color:blue">A  paragraph.</p>

<h1>另一个header 1</h1>

</body>
</html></span>

展示效果：

2.style标签=“CSS样式”，淘汰了旧的<font>、<center>等标签

3.link标签（http://www.cnblogs.com/Fskjb/archive/2011/04/11/2012983.html）

grace666

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML-CSS简说

1.当浏览器解析到一个样式表时，就会按照此样式表对文档进行格式化，有三种方法进行插入样式表：（1）外部样式表：如果样式要被应用到很多页面，此为最佳选择，可以通过更改一个文件来改变整个站点的外观；示例代码： h1 {color: red} p {color: blue} h2{color: yellow}Header 1 头12345头
复制链接

扫一扫

专栏目录