[css]简明教程 在HTML中添加样式表的方法

2016-01-29 12:22 28 1 收藏

[css]简明教程 在HTML中添加样式表的方法,[css]简明教程 在HTML中添加样式表的方法

【 tulaoshi.com - Html 】

CSS语句内嵌到HTML文档内的方法有四种。


  1.最直接的方法是将CSS样式语句直接写在HTML的标识符(tag)里:

  <Tag style=”properties”>文字内容</tag>

  举个例子:

  <p style=”color: blue; font-size: 10pt”>直接嵌入CSS语句</p>

  代码说明:用大小为10pt的蓝色字体显示“直接嵌入CSS语句”。

  这种方法使用简单、显示直观,但并不怎么常用。这种添加方法无法完全发挥样式表“内容结构和格式控制分别保存”的优势。


  2.在HTML的顶部标识符…之间嵌入CSS:

  <head>

  <style type=”text/css”>

  <!--

  样式表的具体内容

  -->

  </style>

  </head>

  type=”text/css”表示样式表采用MIME类型,帮助不支持CSS的浏览器过滤掉CSS代码,避免在浏览器面前直接以源代码的方式显示我们设置的样式表。但为了保证上述情况一定不要发生,还是有必要在样式表里加上注释标识符“”。


  3.链接外部样式表

  其方法通过链接的方法,引用外部的CSS样式表,添加方式同样是写在顶部标识符…之间,:

  <head>

  <link rel=”stylesheet” href=”*.css” type=”text/css” media=”screen”>

  </head>

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

来源:http://www.tulaoshi.com/n/20160129/1485789.html

延伸阅读
标签: Web开发
先给出函数。 01. var addSheet = function (){ 02.   var doc,cssCode; 03.   if (arguments.length == 1){ 04.    doc = document; 05.    cssCode = arguments[0] 06.  } else if (arguments.length == 2){ 07.    doc = argu...
标签: Web开发
一.在学习css之前你应该掌握哪些基础知识 1.什么是网页,什么是超文本语言(html)。 2.会使用Dreamweaver等常用的网页编辑器。 Dreamweaver是现今最好的网站编辑工具之一,而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS,用它来给制作网页的CSS样式表会更简单、更方便。本教程教你如何利用Dreamweaver8在页面中加...
标签: Web开发
当使用了多个样式表,样式表需要争夺特定选择符的控制权。在这些情况下,总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。 正如以前所提及的,网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突,网页制作者的规则会凌驾于读者的其它相同权重的规则。而网页制作者和读者的样式表都超越浏览器的...
在学习中遇到问题可以到 论坛 发贴交流! 本例为CSS入门系列教程,在这一课中我们将学习CSS的样式表,主要学习在学习css之前你应该掌握哪些基础知识,认识CSS以及如何使用CSS,希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之关于CSS样式表 一.在学习css之前你应该掌握哪些基础知识 1.什么是网页,什么是超文本语言(html)...
标签: Web开发
一、 去除超级链接的下划线以及在超级链接上实现鼠标悬停变色: 在默认情况下,用DreamWeaver设计的网页中的超级链接都有下划线,看上去不大美观。要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码,其实在DreamWeave中很容易去除链接的下划线。首先在DreamWeaver的Document Windows中随便建立一个链接...

经验教程

884

收藏

57
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部