html5初学day3
来源:互联网 发布:网络四大名著紫川 编辑:程序博客网 时间:2024/06/17 04:21
CSS样式的引入方式
1、行内样式
<p style="color:red;"></p>
设置p里面的文字的颜色为红色。
2、内嵌式
<title></title>
<style type="text/css">
p{
color:red;
}
</style>
将CSS代码单独放到style 这个标签中。例如:对于p标签中的文字颜色设为红色。
3、外链式
引入一个外部的css文件(css属性写在一个.css文件中)
通过link这个标签引入
<link rel="stylesheet" href=".css">
外链式的优点:(项目中最常用的引入方式)
一个css文件可以多个html文件调取;
css文件和html文件分离,更加利于维护管理。
4、导入式(一般不用)
引入一个外部的css文件,通过@import 'url'
引入,@import 'url'需要和css属性放置在一个地方,并且需要在所有的css属性之前
如果@import 放在了css属性之后,它是失效的。
这四种CSS的引入方式的优先级别为:行内样式>内嵌>外链(就近原则)
注意事项:
1.不要使用行内样式
2.尽量不适用内嵌式
3.内嵌式和外链式都要写在head标签中(预先加载)
4.行内式的权重最高,其他三种没有权重,谁最后加载,谁的权重大(操作相同元素的相同css属性)
0 0
- html5初学day3
- HTML5学习-Day3
- 初学html5
- 初学HTML5
- 初学html5
- html5初学
- 初学HTML5
- html5初学
- html5初学
- HTML5初学
- 初学html5
- 『R语言初学』Day3
- HTML5---day3---之简单游戏(1)
- day3
- DAY3
- DAY3
- day3
- day3
- qq授权登录
- 用栈来实现表达式求值
- Java笔记——控制程序流程
- SSH 免密码登录 Openwrt 路由器
- bzoj1013: [JSOI2008]球形空间产生器sphere
- html5初学day3
- 表的连接
- linux中断系列之中断重要的数据结构(二)
- android开发styles.xml出错
- Redhat7.1 离线安装docker
- MySQL数据库
- <剑指offer> 旋转数组的最小数字
- TensorFlow深度学习框架学习笔记(1)
- 原型模式