第八讲:HTMLCSS插入样式表的三种方式

暂时了解下CSS,简单点说:CSS就像是外衣,用于设置美化网页外观.最新组合CSS3.0+HTML5,由于版本太新使用必须考虑它兼容性问题.下面演示下:三种方式来插入样式表.
第一:外部样式表:<head><linkrel="stylesheet type="text/css" href="mystyle.css"></head>
应用:当样式需要被应用到很多页面时,外部样式表是理想的选择.使用外部样式表可以通过更改一个文件来改变整个站点的外观.
例子:建了一个.html文件,然后建一个.CSS文件,假设这文件名:mystyle.css.然后打开.html的文件编写如下:

<html>
<head>
<title>外部样式表的实例</title>
<link rel="stylesheet type="text/css"href="mystyle.css">
</head>
<body>
运用CSS主要是改变网页主体的内容,就是<body>、、、</body>里的内容.
</body>
</html>

第二:内部样式表:
当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过<style> 标签定义内部样式表
<html>
<head>
<title>内部样式表实例</title>
<style type="text/css">
元素{设置属性}
body {background-color: red}
p {margin-left:20px}
</style>
</head>
</html>

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

总结:外部样式表用于多个页面,内部样式表用于单个文件(一般用于单前页面),内联样式表用于某个元素。

结构:外部:<link rel="stylesheet" type="text/css"href="mystyle.css">
内部:<styletype="text/css">元素1{属性1:属性值1;属性2:属性值2;、、、}
元素2{属性1:属性值1;属性2:属性值2;、、、}
元素3{属性1:属性值1;属性2:属性值2;、、、}
等等 {属性1:属性值1;属性2:属性值2;、、、}
</style>
内联:<元素>内联内容</元素>

鸟语:记几个鸟语 link,rel,stylesheet,type,href,span,text/css.
第八讲:HTMLCSS插入样式表的三种方式



  

爱华网本文地址 » http://www.aihuau.com/a/25101011/56657.html

更多阅读

晋如说儒》第六讲:中庸是最高级的自由-

晋如说儒》第六讲:中庸是最高级的自由明德讲堂腾讯儒学徐晋如2013-12-13 18:525本讲主题:自由一词,自戊戌变法前传入中国,并没有带来更多的发展、更好的进步,却使近百年中国处在时时的动荡之中。这是因为中国人从来很少有人真正理解何谓

曹林:时评写作十讲第八讲——第十讲

  第八讲 评论的逻辑  网上有个笑话,将“不想当将军的士兵,不是好士兵”恶搞成“不想当厨子的裁缝,不是好司机”,搞笑之处就在于违反了逻辑同一律。评论中经常有这样的概念偷换。  作者  评论是一种讲理的艺术,在我看来,这种

声明:《第八讲:HTMLCSS插入样式表的三种方式》为网友天生我才必有用分享!如侵犯到您的合法权益请联系我们删除