(2)css的引入方式,2.css的引入方式

网页中引用CSS样式

内联样式

行内样式表

外部样式表

..链接式

..导入式

471854a6d5905ac7696d0e7623bf42f4.png

内嵌方式

style标签

p {

color: red;

}

这是一个p标签!

行内样式

这是一个p标签!

外联样式表-链接式

link标签

index.css

p {

color: green;

}

注意:这里是另建一个css文件

然后在HTML文件中通过link标签引入:

这是一个p标签!

外联样式表-@import url()方式 导入式

了解即可。

index.css

@import url(other.css)

注意:

@import url()必须写在文件最开始的位置。

链接式与导入式的区别

1、标签属于XHTML,@import是属性css2.1

2、使用链接的css文件先加载到网页当中,再进行编译显示

3、使用@import导入的css文件,客户端显示HTML结构,再把CSS文件加载到网页当中

4、@import是属于CSS2.1特有的,对于不兼容CSS2.1的浏览器来说就是无效的

CSS的引入方式

再用HTML编写的文本中,有是没能达到我们想要的效果,此时此刻我们可以用过引用CSS来控制!这不仅使得效果好而且代码层次清晰.CSS的引入方式可以分为四类: 1.链入外部样式表,就是把样式表保存为一个 ...

python 全栈开发,Day46(列表标签,表格标签,表单标签,css的引入方式,css选择器)

一.列表标签 列表标签分为三种. 1.无序列表

  • ,无序列表中的每一项是
  • 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

    CSS的引入方式和样式

    CSS的引入方式和样式 一.样式 行内样式 内接样式 外接样式(1.链接式 2.导入式)

    CSS 从入门到放弃系列:CSS的引入方式

    css的四种引入方式 内联方式(行间样式)

    ...

    5.CSS的引入方式

    CSS的三种样式表 按照CSS样式书写的位置(或者引入的方式),CSS的样式表可以分为三大类: 1.行内样式表(行内式)

    让Flask-admin支持markdown编辑器

    前言 flask-admin 算是一个很不错的 flask 后台管理了,用它来做博客系统的管理后端再合适不过了,节约时间成本,避免重复造轮子,但是作为一个程序员,写文章怎么可以没有 markdown ...

    用Pdg2.DLL解码PDG的境界

    作者:马健邮箱:stronghorse_mj@hotmail.com发布:2008.08.03 一.入门级原理:按照中说的方法调用Pdg2.DLL接 ...

    python doctest测试

    title: Python doctest测试 tags: Python --- doctest测试 python 提供了REPL(read-eval-print loop,读取.求值.输出的循环) ...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值