当前位置:首页>在线课程>网页设计>Div+CSS>CSS3 技术与浏览器兼容性解析(已完结)>在网页中链接外部CSS样式表文件

[第1课] 在网页中链接外部CSS样式表文件

讲师:李老师  长度:7分04秒  软件:Div+CSS  发布日期:2018年03日08日
视频课程:[CSS3 技术与浏览器兼容性解析(已完结)]
视频播放界面 播放按钮
分享到:
课程介绍
  

CSS样式能够很好的控制页面的显示,以达到分离网页内容和样式代码。CSS样式可以用来改变从文本样式到页面布局的一切,并且能够与JavaScript结合产生动态显示效果。在网页中应用CSS样式表有4种方式:内联CSS样式、内部CSS样式、链接外部CSS样式表文件和导入外部CSS样式表文件。

1.内联CSS样式

内联CSS样式是所有CSS样式中比较简单和直观的方法,就是直接把CSS样式代码添加到HTML的标签中,即作为HTML标签的属性存在。通过这种方法,可以很简单地对某个元素单独定义样式。

使用内联样式方法是直接在HTML标签中使用style属性,该属性的内容就是CSS的属性和值,其应用格式如下。

<p style="font-family:宋体; font-size:14px; color:#CCCCCC;">内联样式</p>

内联CSS样式由HTML文件中元素的style属性所支持,只需要将CSS代码用“;”分号隔开输入在style=“ ”中,便可以完成对当前标签的样式定义,是CSS样式定义的一种基本形式。

2.内部CSS样式

内部CSS样式就是将CSS样式代码添加到HTML页面的<head>与</head>标签之间,并且用<style>与<style>标签进行声明。这种写法虽然没有完全实现页头同内容与CSS样式表现的完全分离,但可以将内容与HTML代码分离在两个部分进行统一的管理。

内部CSS样式是CSS样式的初级应用形式,它只针对当前页面有效,不能跨页面执行,因此达不到CSS代码多用的目的,在实际的大型网站开发中,很少会用得到内部CSS样式。

3.链接外部CSS样式表文件

外部CSS样式表文件是CSS样式中较为理想的一种形式。将CSS样式代码单独编写在一个独立文件之中,由网页进行调用,多个网页可以调用同一个外部CSS样式表文件,因此能够实现代码的最大化重用及网站文件的最优化配置。

链接外部CSS样式是指在外部定义CSS样式并形成以.css为扩展名的文件,在网页中通过<link>标签将外部的CSS样式文件链接到网页中,而且该语句必须放在页面的<head>与</head>标签之间,其语法格式如下。

<link rel="stylesheet" type="text/css" href="CSS样式表文件">

4.导入外部CSS样式表文件

导入外部CSS样式表文件与链接外部CSS样式表文件基本相同,都是创建一个独立的CSS样式表文件,然后再引入到HTML文件中,只不过在语法和运作方式上有所区别。采用导入的CSS样式,在HTML文件初始化时,会被导入到HTML文件内,成为文件的一部分,类似于内部CSS样式。链接CSS样式表是在HTML标签需要CSS样式风格时才以链接方式引入。

导入的外部CSS样式表文件是指在嵌入样式的<style>与</style>标签中,使用@import命令导入一个外部CSS样式表文件。

注意事项
-如果您在任何场合索要、传播、出售、租借学设计网出品原创视频教程,我们一律进行封号、封ip等措施处理,请务必珍惜您的帐号。无论传播还是索取,我们都会进行封号处理。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
教程评论

您必须 [ 登录 ] 才能发表评论!

如何观看全部课程
VIP会员399元1年可享受的权限:
观看下载所有视频教程
下载未来一年更新教程
可加入VIP群进行技术讨论
可下载所有资源(源文件和素材)
第二年续费仅为279元

推荐课程

[网页设计] CSS3 技术与浏览器兼容性解析(已完结)

讲师:李老师

80

课时
推荐图文教程
推荐书籍
首 页在线课程书籍光盘图文教程
点击这里给我发消息47707077
点击这里给我发消息11402485
联系电话

13520020606

联系邮箱
47707077@qq.com
Copyright 2017 学设计网, All Rights Reserved 京ICP备14050932号