Python全栈开发:css引入方式
2024-10-21 17:25:01
css的四种引入方式:
1.行内式
行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。
<p style="color: red;background-color: wheat">我的世界</p>
2.嵌入式
嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下:
<head>
<style type="text/css">
div{
background-color: aqua;
color: darkblue;
width:300px;
height:100px;
}
</style>
</head>
3.导入式
将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件,<style>标记也是写在<head>标记中,使用的语法如下:
<style type="text/css">
@import"mystyle.css"; 此处要注意.css文件的路径
</style>
4.链接式
也是将一个.css文件引入到HTML文件中 <link href="mystyle.css" rel="stylesheet" type="text/css"/>
注意:
导入式会在整个网页装载完后再装载CSS文件,因此这就导致了一个问题,如果网页比较大则会儿出现先显示无样式的页面,闪烁一下之后,
再出现网页的样式。这是导入式固有的一个缺陷。使用链接式时与导入式不同的是它会以网页文件主体装载前装载CSS文件,因此显示出来的
网页从一开始就是带样式的效果的,它不会象导入式那样先显示无样式的网页,然后再显示有样式的网页,这是链接式的优点。
最新文章
- 【HBase】HBase Getting Started(HBase 入门指南)
- [zz] ROC曲线
- 【Vegas原创】RHEL6.2安装vmtools
- Average Cost (AVCO) Method
- sql raiseerror
- AsyncTask实现异步线程通信
- android Camera使用(一)
- HBase in 2013
- C++关于编译器合成的默认构造函数
- Android中 Http请求
- #include <;string>;
- mybatis框架源码学习
- ORM映射设计思想
- 在windows下安装php redis扩展
- RabbitMQ 环境搭建
- BZOJ2521:[SHOI2010]最小生成树(最小割)
- Python文件打包成exe
- 1,环境的搭建,angular
- Jira 自定义工作流
- centos 用户指定目录访问
热门文章
- C/C++:Windows编程—调用DLL程序的2种方法(转载)
- Spring-Security (学习记录三)--读取数据库中的用户和角色
- UVA-10200-Prime Time-判断素数个数(打表预处理)+精度控制
- Ulimit 文件配置
- Function(高阶函数式编程)
- Palindrome Partition CodeForces - 932G 回文树+DP+(回文后缀的等差性质)
- NPE问题
- OpenLiveWriter博客工具
- Guarded Suspention 要等到我准备好
- VMware的使用-永久激活码