引用CSS的三种方式
三种方式的优先级:谁离代码越近,谁最先生效
●<head><style> CSS样式</style></head>
第一种引用方式,直接在HTML中的head标签内写一对style标签,然后在style里面写css样式
●<div style ="CSS样式"></div>
第二种引用方式,在标签内写入style = “CSS样式”
●<link rel ="stylesheet" type = "text/css" href = "css文件路径"/>
第三种引用方式,首先在外部定义一个CSS文件然后在HTML文件中用过一行代码来引用
CSS的三种选择器
● 派生选择器,直接定义标签的CSS属性,用标签来选择
(缺点:如果有多个div标签,将同时统一被选择)
● id选择器 <标签 id = "自定义标签名字"></标签> #自定义标签名字{CSS属性}
● 类选择器 <标签 class= "自定义标签名字"></标签> .自定义标签名字{CSS属性}
CSS属性
W3C 查表 https://www.w3school.com.cn/css/css_background.asp
- 常用属性
width:100px;
height:100px;
margin-left:calc(50%)
离左边的距离
margin-top:500px
离上边的距离
background-color:green