摸鱼少学习多

day 31-css初步学习

css

两种改变html格式的方法:

  1. 内部style:

在title下添加<style>写选择器的声明

 
1 <!--    <style>-->
2  <!--        h1{-->
3  <!--            color: aqua;-->
4  <!--        }-->
5  <!--    </style>-->
6  <body>
7  <h1>我是标题</h1>
8  </body>

 

  1. 外部css

在外部创建css文件,在其中添加代码

1  h1{
2      color: aqua;
3  }

 

 

css的导入方式

行内样式

直接在定义标签时设定行内样式

 
1 <h1 style="color: red">我是</h1>

 

内部样式

在html文件中定义style样式

1  <!--    内部样式-->
2      <style>
3          h1{
4              color: aqua;
5          }
6      </style>

 

外部样式

  1. 链接式

在css文件中定义,在html中使用link标签链接

1  /*外部样式*/
2  h1{
3      color: yellow;
4  }

 

1  <link rel="stylesheet" href="css/style.css">

 

  1. 导入式

 
1 <!--导入式-->
2      <style>
3          @import url("css/style.css");;
4      </style>

 

其中css/style.css是上述外部样式样式定义文件

优先级

 
1 <!--行内样式优先级 > (内部样式优先级 > 外部样式优先级)-->
2  <!--其余遵循就近原则,谁在上符合谁的设定-->

 

 
posted @   北海之上  阅读(16)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗
/* 粒子吸附*/
点击右上角即可分享
微信分享提示