当前位置： 移动技术网 > IT编程>网页制作>CSS > 4.复杂选择器、权重计算、css基础属性

4.复杂选择器、权重计算、css基础属性

2020年07月17日  | 移动技术网IT编程  | 我要评论

CSS权重
!important Infinity
行间样式 1000
id 100
class/属性/伪类 10
标签/伪元素 1
通配符 0

256进制

选择器

  1. 父子选择器/派生选择器
div span{
    background-color: antiquewhite;
}
  1. 直接子元素选择器
div > em{
    background-color: aquamarine;
}
  1. 并列选择器 使用并列时，标签选择器放前面
div.demo{

}
  1. 分组选择器
em, strong, span{

}

从右往左遍历 这样更快（第一个必须遍历全部，但第二个开始减少时间）
ul li a span em {

}

字体颜色

  1. 纯英文单词
  2. 颜色代码
  3. 颜色函数 rbg(0,255,255)

红 绿 蓝
r g b
00-ff 00-ff 00-ff
#000000

CSS部分属性

	/* 属性名：属性值 */
    font-size: 16px;
    /* 默认字体大小 设置的是高*/
    font-weight: bold;
    /* 加粗 */
    font-style: italic;
    /* 斜体 */
    font-family: Arial, Helvetica, sans-serif;
    /* 字体 */
    color: antiquewhite;    
    /* 字体颜色 */
    border: 1px solid blue;
    /* border：border-width  border-style border-color */

本文地址：https://blog.csdn.net/mjuikl123/article/details/107393962

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网