CSS3 - Githubissues

nicoleJT914 / blog

一只游行的火烈鸟/用issues记博客

0 stars 0 forks source link

Open nicoleJT914 opened 7 years ago

nicoleJT914 commented 7 years ago

#tra {
  width: 0;
  height: 0;
  border-bottom: 100px solid pink;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
}

nicoleJT914 commented 7 years ago

对rem的计算简化

html{
font-size:62.5%; /* 10÷16=62.5% */
}
body{
font-size:12px;
font-size:1.2rem ; /* 12÷10=1.2 */
}
p{
font-size:14px;
font-size:1.4rem;
}

当然使用CSS预处理器，计算rem就不在话下了

nicoleJT914 commented 7 years ago

nicoleJT914 commented 7 years ago

nicoleJT914 commented 7 years ago

因为比较简单，所以就不总结了
这篇文章可以大致做参考CSS中的继承属性与非继承属性
一般字体、颜色这种肯定是继承的，而跟布局有关的属性一般是不可以继承的，一个属性是否可以继承还是比较容易推断的。

nicoleJT914 commented 7 years ago

伪类和伪元素有何区别？区别在于是否创建了一个DOM树外的元素
伪类（如:first-child）没有创建DOM树外的元素
而伪元素（如::first-letter）则像是创建了不在DOM树中的新元素，为其添加样式
伪类
1. 结构相关：nth-child,nth-of-type,:not,:target
2. 状态相关：:hover,:link,:visited,:active,:hover,:focus
3. 表单相关：:checked,:disabled
伪元素 ::before,::after,::first-letter,first-line