html网页css的三种引入方式
来源:互联网 发布:长春典恒网络发展有 编辑:程序博客网 时间:2024/05/23 21:31
1,行间样式表:给单独的标签添加样式
语法:<div style="width:100px">内容</div>
缺点:代码只能应用在一个标签中无法重复利用
代码演示:
<div style="width:300px;hight:300px;background:ponk;">内容</div>
2,内部样式表
语法:在<head>标签中新建<style>标签中放入css样式
例如:<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--
内部样式表
-->
<style>
div{
width: 200px;
height: 300px;
background: pink;
}
</style>
</head>
<body>
<div>
123456
</div>
</body>
</html>
缺点:仅仅适用于当前网页,如果遇到多个网页就会很麻烦
3,外部样式表
定义:所谓的外部样式表就是将css文件另存在一个以css结尾文件中,在应用到css的html网页中在<head>标签中使用<link>单标签将css的地址引用即可
例如:<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的css网页</title>
<link rel="stylesheet" href="css.css" />
</head>
<body>
<div>
123456789
</div>
</body>
</html>
css文件:div{
width: 100px;
height: 100px;
background: blue;
}
结果:
0 0
- html网页css的三种引入方式
- HTML引入CSS的三种方式
- Html引入css的三种方式
- HTML引入CSS的三种方式
- HTML 引入CSS 三种方式
- HTML 引入 CSS 的几种方式
- css的三种引入方式
- css三种引入方式的优先级
- css的三种引入方式
- CSS 三种引入方式
- [cnblogs镜像]HTML 引入 CSS、JS 的三种方式
- 网页设计引入CSS样式的五种方式
- html页面中引入css的几种方式
- HTML中引入CSS的四种方式
- html中引入css的四种方式
- 浅谈html引入css的几种方式
- 浅谈html引入css的几种方式
- html页面中引入css样式的3种方式
- 重写已被弃用的Gallery
- Unity3D 快捷键
- MySQL技巧#常用MySQL数据库命令总结
- Java环境配置
- 蓝桥杯算法训练——2的次幂表示 (递归)
- html网页css的三种引入方式
- 数据结构--最小生成树详解
- linux定时备份MySQL数据库并删除七天前的备份文件
- 查看mysql数据库及表编码格式
- 管脚复用
- 谈谈 iOS 中图片的解压缩
- Hadoop学习笔记—20.网站日志分析项目案例(三)统计分析
- 爬虫学习笔记一
- Spring mvc中不能引入js等静态文件问题的解决方案