css的三种导入方式

最新推荐文章于 2022-11-28 18:57:32 发布

flybirding10011

最新推荐文章于 2022-11-28 18:57:32 发布

阅读量127

点赞数

版权所有©️都是我自己写哒！

本文链接：https://blog.csdn.net/cpongo1/article/details/105369892

版权

##内联样式表

<p style="font-size:50px; color:blue">css内联样式表</p>

##内部样式表

<style type="text/css">
     p{
         font-size: 100px;
         color: red;
     }
</style>

<p>css内部样式表</p>

##外部样式表创建一个cssTest.css的css文件

p{
    font-size: 50px;
    color:green;
}

span{
    font-size: 50px;
    color: yellow;
}

使用外部样式表

<link rel="stylesheet"  type="text/css" href="../css/cssTest.css">
    <p> 优先级： 内联样式表 > 内部样式表 > 外部样式表</p>
    <span >外部样式表</span>

##完整测试代码

<!-- 文件名cssTest.html -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cssTest</title>

    <style type="text/css">
        p{
            font-size: 50px;
            color: red;
        }
    </style>
    <link rel="stylesheet"  type="text/css" href="../css/cssTest.css">
</head>
<body>
    <p style="font-size:50px; color:blue">css内联样式表</p>
    <p>css内部样式表</p>
    <p>优先级：内联样式表 > 内部样式表 > 外部样式表</p>
    <span >外部样式表</span>
</body>
</html>

css文件

<!-- 文件名cssTest.css -->

p{
    font-size: 50px;
    color:green;
}

span{
    font-size: 50px;
    color: yellow;
}

##css三种导入方式的优先级 内联样式表 > 内部样式表 > 外部样式表

flybirding10011

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
css的三种导入方式

##内联样式表<p style="font-size:50px; color:blue">css内联样式表</p>##内部样式表<style type="text/css"> p{ font-size: 100px; color: red; }</style><p&...
复制链接

扫一扫

flybirding10011

CSDN认证博客专家 CSDN认证企业博客

码龄10年

3193: 原创

-: 周排名

35万+: 总排名

357万+: 访问

: 等级

6万+: 积分

9636: 粉丝

1354: 获赞

1762: 评论

4362: 收藏

私信

关注

热门文章

分类专栏

最新评论

周星驰 Web3 团队将上线独立 App；Gemini 刚发就惹质疑：效果视频疑似剪辑；Meta 推独立AI图像生成器｜极客头条...
假装自己很用心: 这是第一个代码 [code=python] import turtle # 初始化turtle t = turtle.Turtle() t.speed(0) # 设置最快速度 # 设定画笔颜色和填充色 t.pencolor("red") # 边框颜色 t.fillcolor("pink") # 填充颜色 t.begin_fill() # 开始填充图形 # 绘制爱心左半部分 t.left(45) # 左转45度 t.forward(100) t.circle(100, 180) # 以当前位置为中心，半径100，逆时针转180度 # 绘制爱心右半部分 t.circle(100, 180) # 再逆时针转180度回到起点 t.forward(100) # 结束填充图形 t.end_fill() # 提升画笔，隐藏turtle t.penup() t.hideturtle() # 显示最终图形 turtle.done() [/code] 这是第二个代码[code=python] [code=python] import turtle # 初始化turtle t = turtle.Turtle() t.speed(0) # 设置最快速度 # 设定画笔颜色和填充色 t.pencolor("red") # 边框颜色 t.fillcolor("pink") # 填充颜色 t.begin_fill() # 开始填充图形 # 绘制爱心左半部分 t.left(45) # 左转45度 t.forward(100) t.circle(100, 180) # 以当前位置为中心，半径100，逆时针转180度 # 绘制爱心右半部分 t.circle(100, 180) # 再逆时针转180度回到起点 t.forward(100) # 结束填充图形 t.end_fill() # 提升画笔，隐藏turtle t.penup() t.hideturtle() # 显示最终图形 turtle.done() [/code] [/code]
周星驰 Web3 团队将上线独立 App；Gemini 刚发就惹质疑：效果视频疑似剪辑；Meta 推独立AI图像生成器｜极客头条...
假装自己很用心: 啦啦啦啦遮挡代码 [code=python] import turtle # 初始化turtle t = turtle.Turtle() t.speed(0) # 设置最快速度 # 设定画笔颜色和填充色 t.pencolor("red") # 边框颜色 t.fillcolor("pink") # 填充颜色 t.begin_fill() # 开始填充图形 # 绘制爱心左半部分 t.left(45) # 左转45度 t.forward(100) t.circle(100, 180) # 以当前位置为中心，半径100，逆时针转180度 # 绘制爱心右半部分 t.circle(100, 180) # 再逆时针转180度回到起点 t.forward(100) # 结束填充图形 t.end_fill() # 提升画笔，隐藏turtle t.penup() t.hideturtle() # 显示最终图形 turtle.done() [/code] 阿拉啦啦啦
周星驰 Web3 团队将上线独立 App；Gemini 刚发就惹质疑：效果视频疑似剪辑；Meta 推独立AI图像生成器｜极客头条...
ifree14: import turtle # 初始化turtle t = turtle.Turtle() t.speed(0) # 设置最快速度 # 设定画笔颜色和填充色 t.pencolor("red") # 边框颜色 t.fillcolor("pink") # 填充颜色 t.begin_fill() # 开始填充图形 # 绘制爱心左半部分 t.left(45) # 左转45度 t.forward(100) t.circle(100, 180) # 以当前位置为中心，半径100，逆时针转180度 # 绘制爱心右半部分 t.circle(100, 180) # 再逆时针转180度回到起点 t.forward(100) # 结束填充图形 t.end_fill() # 提升画笔，隐藏turtle t.penup() t.hideturtle() # 显示最终图形 turtle.done()
周星驰 Web3 团队将上线独立 App；Gemini 刚发就惹质疑：效果视频疑似剪辑；Meta 推独立AI图像生成器｜极客头条...
假装自己很用心: [code=cpp] #include<stdio.h> #include<Windows.h> int main() { system(" color 0c");//设计程序颜色 printf("遇见你是一件很开心的事情,爱你哟！！！\n");//打印文字 float x,y,a;//定义变量x,y,a for(y=1.5f;y>-1;y-=0.1f) { for(x=-1.5f;x<1.5f;x+=.05f){ a=x*x+y*y-1; putchar(a*a*a-x*x*y*y*y<0.0f?'x':' '); } Sleep(150);//停顿函数（1.5秒钟） putchar('\n'); //换行 } return 0; } [/code]
周星驰 Web3 团队将上线独立 App；Gemini 刚发就惹质疑：效果视频疑似剪辑；Meta 推独立AI图像生成器｜极客头条...
假装自己很用心: [code=csharp] #include<stdio.h> #include<Windows.h> int main() { system(" color 0c");//设计程序颜色 printf("遇见你是一件很开心的事情,爱你哟！！！\n");//打印文字 float x,y,a;//定义变量x,y,a for(y=1.5f;y>-1;y-=0.1f) { for(x=-1.5f;x<1.5f;x+=.05f){ a=x*x+y*y-1; putchar(a*a*a-x*x*y*y*y<0.0f?'x':' '); } Sleep(150);//停顿函数（1.5秒钟） putchar('\n'); //换行 } return 0; } [/code]

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

flybirding10011 谢谢支持啊999

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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