设计一个使用CSS的页面,应用行内样式、嵌入式、链接式和导入式来使用CSS样式。
1 回答
噜噜哒
TA贡献1784条经验 获得超7个赞
在HTML文件中使用CSS的方式有4种:行内样式、嵌入式、链接式和导入式。
①行内样式表是最简单的一种使用方式,该方式直接把CSS代码添加到HTML的代码行中,由<style>标记支持。
②嵌入样式将样式定义作为网页代码的一部分,写在HTML文档的<head>和</head>之间,通过<styIe>和</styIe>标记来声明。嵌入的样式与行内样式比较,行内样式的作用域只有一行,而嵌入的样式可以作用于整个HTML文档中。
③链接样式需要首先定义一个扩展名为“.css”的文件(即外部样式表),比如样式表文件mystyle.css,该文件包含需要用到的CSS规则,不包含任何其他的HTML代码。链接样式表的方法就是在HTML文件的<head>部分添加代码,格式如下。
<link rel="stylesheet" type="text/css" href=" mystyle.css" />
④导入样式和链接样式的操作过程基本相同,需要在内嵌样式表的<style>标记中使用@import导入一个外部的CSS文件。导入样式是HTML文件初始化时将外部CSS文件导入到HTML文件内,作为文件的一部分,类似于嵌入效果。而链接样式则是在HTML标记需要样式风格时才以链接方式引入。
- 1 回答
- 0 关注
- 1988 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消