CSS引入方式_css import url-程序员宅基地

技术标签: css  前端  html  

一、任务目标

掌握CSS的引入方式

二、任务背景

CSS(层叠样式表)定义了HTML元素在页面中的样式、布局以及整个页面的布局。CSS遵循W3C规范,实现了跨浏览器的标准化。

三、任务内容

1、行内样式

直接使用HTML元素的style属性引入CSS样式

例:<p style="font-size: 16px; color: #333;">软件工程师能力认证</p>

2、内嵌样式

使用<style></style>标签引入样式

<style>
	p {
		color: #333;
		font-size: 16px;
	}
</style>

3、外部样式

3.1 链接样式(最常用)

<head></head>标签中,使用<link />标签链接外部的CSS文件

link标签的href属性设置为目标链接的CSS文件路径,rel属性设置为stylesheet表示链接样式表,type属性设置为text/css

例:<link rel="stylesheet" href="style.css" type="text/css" />

3.2 导入样式

使用@import url()引入CSS文件

  • 在CSS文件中直接使用@import url()

  • 在HTML文件中需要在<style></style>标签中使用@import url()

在HTML初始化时,@import url()导入的CSS会被直接导入到HTML或CSS文件中,成为文件的一部分

// 在HTML文件中导入
<style>
	@import url(style.css);
</style>
// 在CSS文件中导入
@import url(style.css);
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ssss39/article/details/127946390

智能推荐

基于Java+Vue+uniapp微信小程序健身房私教预约设计和实现-程序员宅基地

文章浏览阅读1.5k次,点赞22次,收藏17次。计算机技术的飞速发展带动了各种管理软件的兴起,对我们的工作管理、生活都是很大的帮助,本健身房私教预约微信小程序是采用小程序技术开发的对课程购买、预约工作的信息化、数字化管理,以改变传统的纸质预约方式,本健身房私教预约微信小程序从管理员,用户,教练三个角色来进行功能设计,本论文详细的介绍了健身房私教预约微信小程序的设计过程,并对课题的需求和背景意义目的进行分析介绍,从面向对象的方面进行开发设计,对设计课题的可行性进行详细分析,最后完成本健身房私教预约微信小程序的实现。

前端面试知识点大全——web安全篇-程序员宅基地

文章浏览阅读1.7k次。总纲:前端面试知识点大全目录1.xss(跨站脚本攻击)1.1 概念1.2 防御手段2.csrf(跨站请求伪造)2.1 概念2.2 CSRF防御3. SQL注入3.1 概念3.2 防御手段4.DDOS4.1 概念4.2 例子4.3 解决方案1.xss(跨站脚本攻击)1.1 概念跨站脚本攻击(Cross-Site Scripting,...

Android-程序员宅基地

文章浏览阅读373次,点赞8次,收藏8次。android/frameworks/base/core/java/android/bluetooth/BluetoothAdapter.java:代表本地蓝牙适配器,是所有蓝牙交互的入口。/android/packages/apps/Settings/src/com/android/settings/bluetooth/BluetoothEnabler.java:蓝牙功能的开启/关闭功能处理。切换状态到mTurningOnState,并且调用其非状态的enter()方法,向上层汇报蓝牙此时状态。

QT+OSG/osgEarth编译之四十八:pcre+Qt编译(一套代码、一套框架,跨平台编译,版本:Cal3D-0.13)_qt pcre-程序员宅基地

文章浏览阅读928次,点赞19次,收藏21次。通过一套pcre-8.45代码和框架,实现pcre的跨平台编译。在Qt环境下,集成cal3d库的头文件、库文件,构建跨平台编译的pcre pro文件。通过构建的一套配置工程,基于Qt Creator IDE,完成跨平台的编译实践。在Windows、Linux、MacOS等操作系统上进行测试,成功编译,形成的成果(头文件、库文件等)可在不同系统下调用或使用,从而更好地构建跨平台解决方案。采用的是pcre-8.45版本。读者可参考博客中的集成原理和pro文件,构建不同版本的pcre跨平台包。_qt pcre

医保业务的相关概念-程序员宅基地

文章浏览阅读2.4k次。基本医疗保险:https://baike.baidu.com/item/%E5%9F%BA%E6%9C%AC%E5%8C%BB%E7%96%97%E4%BF%9D%E9%99%A9个人医疗保险:https://baike.baidu.com/item/%E4%B8%AA%E4%BA%BA%E5%8C%BB%E7%96%97%E4%BF%9D%E9%99%A9社会医疗保险:https://bai...

C#源码 SECS协议 SECS Driver案例大全 集成S5F1设置和清除 SECS资料明细实战例子_secs源码-程序员宅基地

文章浏览阅读536次,点赞11次,收藏11次。金南瓜SECS Driver是最适合应用于模板行业,已经被京东方、华星光电、天马等大厂大量应用。更多中文资料 www.secsgem.cn。年初出机量数千套,价格非常的优惠实在。简单易懂的数据操作对象。_secs源码

随便推点

初学者的Compose_c++ compose-程序员宅基地

文章浏览阅读131次。Docker ComposeDocker Compose容器编排YAML 是一种标记语言很直观的数据序列化格式文件格式及编写注意事项不支持制表符tab键缩进,需要使用空格缩进通常开头缩进2个空格字符后缩进1个空格,如冒号、逗号、横杠用#注释如果包含特殊字符用单引号引起来布尔值必须用引号括起来Docler Compose配置常用字段字段描述build docker context指定Dockerfile文件名构建镜像上下文路径image指定镜像_c++ compose

「文心一言」内测详细使用体验-程序员宅基地

文章浏览阅读6.2k次,点赞38次,收藏21次。文心一言内测详细使用体验,一起来看看百度的文心一言吧!

SpringDataRedis简介_、spring data redis是什么?-程序员宅基地

文章浏览阅读98次。1 Redisredis是一款开源的Key-Value数据库,运行在内存中,由ANSI C编写。企业开发通常采用Redis来实现缓存。同类的产品还有memcache 、memcached 、MongoDB等。2 JedisJedis是Redis官方推出的一款面向Java的客户端,提供了很多接口供Java语言调用。可以在Redis官网下载,当然还有一些开源爱好者提供的客户端,如Jredis、S..._、spring data redis是什么?

主流OLAP引擎查询Hudi表数据_hudi支持的olap引擎-程序员宅基地

文章浏览阅读229次。Hudi存储和管理数据,同时为各种查询引擎提供了不同的查询方式。本文介绍了如何在不同的查询引擎中使用不同的查询方式,并讨论每个查询引擎的任何特定说明。1.1 快照查询快照查询是Hudi表最常见的查询类型。Spark SQL同时支持COPY_ON_WRITE和MERGE_ON_READ表上的快照查询。使用会话属性,可以围绕数据跳过和索引指定各种选项,以优化查询性能,如下所示。1.2 time travel 查询可以使用AS OF语法在特定的提交时间查询表。_hudi支持的olap引擎

无线路由器、AP、胖AP、瘦AP的概念区别-程序员宅基地

文章浏览阅读573次。在学校里这几个概念一直迷迷糊糊,如今刚刚走上工作岗位,对这几个概念进行梳理一下。如果感觉不对,请帮忙指正,谢谢!一、无线路由器与无线AP(Access Point 无线接入点)的区别 成本:无线路由器价格远低于AP; 照片:AP不具备WAN(广域网),LAN(城域网)端口; ..._无线路由与胖ap的区别

创造思维方法训练_如何提高逻辑思维能力?55页PPT,分享一套实用的训练方法,转发...-程序员宅基地

文章浏览阅读450次。文 | 明哥,前麦肯锡战略咨询顾问,埃森哲管理咨询顾问,一个喜欢用思维导图架构PPT的老司机,欢迎关注,一起成为职场精英。说话是门技术,也是门艺术,有些人说话半天Get不到要点,而有些人一句话就抓住了重心,有些人业绩不错能力也不错,就是不善于表达,抓不住重点,导致本应该到手的机会溜了,思考5秒钟,想想你是否存在下面的这些困扰?日常沟通反反复复说不清楚老板很忙、客户很忙,如何在30秒内把重点讲完而无..._思维的法则陈培永读后感ppt

推荐文章

热门文章

相关标签