css的四种引入方式_css引入-程序员宅基地

css的四种引入方式

在这里插入图片描述

一、行内样式

别名：行间样式、内联样式

写法：在网页元素上通过style=""属性

<div style="color: pink; margin-top: 10px;border: 1px solid blue">行内样式</div>

二、内部样式表

写法：在网页创建嵌入的样式表，写在里面

<head>
    <style>
        p{
     
            color:pink;
            border:blue 1px solid;
        }
    </style>
</head>

三、链入外部样式表

写法：网页引入外部样式表，外部创建一个css文件，在html中通过连接这个css文件，一般写在css前面

<link rel="stylesheet" type="text/css" herf="1.css">

四、导入外部样式表

写法：通过@import 引入，不建议开发使用

<style>
    @import"1.css";
</style>

五、css引用的优先级

记住就近原则
内部样式、、@import都出现在HTML的里面，就近原则，距离修改元素近的优先级高
行内样式>内部样式>link>@import

建议开发中链入外部样式，无需改动HTML结构，有利于代码的维护，开发效率高

六、link和@import的区别

1、引入的内容不同

link引入样式文件、图片资源等，而@import只引入样式文件

2、加载的顺序不同

link在页面加载的同时加载，@import在页面加载以后加载

3、兼容性不同

link是XHTML标签，没有兼容性问题，@import在css2.1提出，低版本的浏览器不支持

4、对js的支持不同

link支持js控制dom去改变样式，@import则不能支持

本文链接：https://blog.csdn.net/weixin_45709829/article/details/123647240

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

linux下命令自动补全总结_自动补全命令怎么测试出来-程序员宅基地

文章浏览阅读1.9w次。很多命令都会提供一个bash-complete的脚本，在执行该命令时，敲tab可以自动补全参数，会极大提高生产效率。linux命令自动补全centos7下执行yum install bash-completion之后重启系统正常。docker命令自动补全yum install docker后，会有一个文件： /usr/share/bash-completion/completion..._自动补全命令怎么测试出来

色温曲线坐标轴的选取：G/R、G/B还是R/G、B/G ？-程序员宅基地

文章浏览阅读1.4k次，点赞3次，收藏3次。作为坐标系映射的白点在坐标系的位置相对会分散一点些，特别是对较低色温而言，低色温的映射到色温曲线的时候，其端点会远离其他色温的映射点，作为坐标系时，距离其他色温比较远，导致分段直线拟合的时候误差可能会比较大，在低照度低色温做白平衡的时候，可能就没那么准确了。比如海思的色温曲线，除了低色温远一点，其他色温都在拟合曲线周边不远处，横向纵向都比较集中。要小，这样分段拟合色温曲线的时候误差应该更小些，为后续计算色温等提高根据准确的方式。作为坐标系的两轴，把各个色温下的白点映射到该坐标系的时候，其均匀性没有以。_色温曲线

Ubuntu常用指令_ptp41-程序员宅基地

文章浏览阅读53次。下载完成后Linuxptp主要包含两个软件，一个是 ptp41，一个是phc2sys，前者用于PTP 同步，包含硬件时钟同步和软件时间同步(系统时钟同步)，后者用于在 ptp4l实现硬件时间同步后将系统时钟同步到硬件时钟。”compile"是“编译”的意思，“build”是"链接”的意思。(a.bin文件为要执行的文件，+x表示增加权限，u某个权限值)。2.支持用户交互，可以通过鼠标来 kil进程而不用通过输入其PID，支持用鼠标上下拖动，且不同的颜色代表不同的意思。_ptp41

路由导航守卫-程序员宅基地

文章浏览阅读374次，点赞8次，收藏7次。【代码】路由导航守卫。

sqlite3基本语法_sqlite3 comment-程序员宅基地

文章浏览阅读3.7k次。一.安装http://sqlite.org/download.html二.使用（linux 系统）1.创建表create table dictionary(ID integer primary key autoincrement,name nvarchar(64),no integer,comment nvarchar(256))2.插_sqlite3 comment

html设置表中单行文本框属性,HTML表单-程序员宅基地

文章浏览阅读3.2k次。HTML表单语法表单元素：文本域单选框复选框按钮列表form标签中表单元素：——表单输入标签——表单和列表标签——菜单和列表项目标签——文字域标签——菜单和列表项目分组标签标签语法：type属性值：text——文字域password——密码域file——文件域checkbok——复选域radio——单选域button——按钮submit——提交按钮reset——重置按钮hidden——隐藏..._单行文本框设置默认文本框文字添加什么属性

随便推点

java中的值传递和引用传递简单易懂的理解_java 值传递和引用传递区别的本质-程序员宅基地

文章浏览阅读863次。1：java中的值传递和引用传递，本质上是没有区别的，只是看的角度不同而已。基本类型传递变量，都可以直接理解为值传递。值传递和引用传递：比如一个对象作为一个方法的参数传递，那么在这个传递的过程中，传递的是对象的引用地址，你可以理解成为引用传递。但是如果单从传递的角度来说，传递的是一个对象的引用地址，这个引用地址本身就是一个值，所以也可以理解成是值传递。2：举例说明：引用传递举例一：如下面一段代码，我想将集合变成空集合，但是运行程序后却未达到效果原因分析：首先这个可以从引用.._java 值传递和引用传递区别的本质

苹果电脑系统更新中断怎么办_苹果发布健身公告中断按需锻炼空间-程序员宅基地

文章浏览阅读149次。苹果电脑系统更新中断怎么办Apple today just announced a new subscription service called Fitness+ during their September 2020 Apple Event. This is a huge leap forward for the company as it seeks to further evolve th..._market watch, apple announced a new fitness subscription service as well as new