标签:建立 html 标签 ref 情况下 css 引入 type 方式 注意
作用:根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性
格式:
标签名称 {
属性: 值;
}
注意点:
作用:根据指定的 id 名称找到对应的标签,然后设置属性
格式:
#id名称 {
属性: 值;
}
注意点:
作用:根据指定的类名称找到对应的标签,然后设置属性
格式:
.类名 {
属性: 值;
}
注意点:
.
<div style="width: 100px; height: 100px">
</div>
<!-- 简单直接,针对性强 -->
key: value(单位)
;
隔开多个样式,最后的;
可以省略<head>
<style>
选择器 {
width: 100px;
height: 100px;
}
</style>
</head>
<!-- 解耦合了,可读性强 -->
选择器 { 样式块 }
key: value(单位)
/* index.css文件 */
选择器 {
width: 100px;
height: 100px;
}
/* 适合团队高效率开发, 耦合性低, 复用性强 */
<!-- index.html -->
<link rel='stylesheet' type='text/css' href='./index.css'>
选择器 { 样式块 }
key: value(单位)
;
隔开多个样式,最后的;
可以省略1. 没有优先级
2. 不同的属性样式协同操作,相同的样式采用覆盖机制,选择逻辑最下方的
3. 行间式一定是逻辑最下方的样式
标签:建立 html 标签 ref 情况下 css 引入 type 方式 注意
原文地址:https://www.cnblogs.com/qiuxirufeng/p/10181160.html