2020-07-08 CSS 笔记

CSS选择器

标签选择器

/* CSS */
p{
  color:red;
}
<!-- HTML -->
<p>1</p>

类选择器

class在HTML中可多次调用

/* CSS */
.className{
  color:red;
}
<!-- HTML -->
<p class="className">1</p>

id选择器1

id在HTML中只能单次调用

/* CSS */
#pink{
  background:color;
  width:100px;
  height:100px;
}

<!-- HTML -->
<div id="pink">1<div>

---

修改字体

/* CSS */
p{
font-family:'Microsoft YaHei',Arial,sans-serif;
font-style:italic/normal; //斜体/让倾斜的字体不倾斜
}

字体复合属性

必须按照顺序输入且空格隔开，否则无效
font:font-style font-weight font-size/line-height font-family;
并且必须保留 font-size 和 font-family，否则无效

/* CSS */
div{font:italic 700 16px 'Microsoft yahei';

文本颜色

颜色可以使用
十六进制 #FF0000 、 #FF6600
RGB代码 rgb(255,0,0)、rgb(100%,0%,0%)

装饰文本

none 无样式
underline 下划线
overline 上划线
line-through 删除线

/* CSS */
div{
  text-decoration: ; 
}

首行缩进

em的大小等于font-size的大小
em=font-size * em

/* CSS */
p{
  text-indent:20px;
}

---