使用CSS为文档添加样式的简单示例

当前位置 : 首页 > 网页制作 > CSS > 使用CSS为文档添加样式的简单示例

使用CSS为文档添加样式的简单示例

来源: 作者: 时间:2015-10-30 09:30
这篇文章主要介绍了使用CSS为文档添加样式的简单示例,文中举了行内样式和链接样式的例子,需要的朋友可以参考下
这篇文章主要介绍了使用CSS为文档添加样式的简单示例,文中举了行内样式和链接样式的例子,需要的朋友可以参考下

行内样式

行内样式是写在HTML标签的style属性里的,比如:

CSS Code复制内容到剪贴板
  1. <p style="font-size: 12px;font-weight: 200;color: #333333">Hello Everyone!</p>  

行内样式会覆盖嵌入样式和链接样式。
嵌入样式

嵌入的css样式是放在HTML文档的head元素中的,这点想必大家都知道,这里就不赘述了。
链接样式

CSS Code复制内容到剪贴板
  1. <head>   
  2.     <meta charset="UTF-8">   
  3.     <title>Document</title>   
  4.     <link rel="stylesheet" href="style.css" type="text/css"/>   
  5. </head>  

链接样式的作用范围可以是整个网站。只要使用<link>标签把样式表链接到每个页面,相应的页面就可以使用其中的样式,除了link方法外,[email protected]

@import指令必须出现在样式表中其他样式之前,否则该链接的文件不会被加载

Tag:
网友评论

<