欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-22 19:50:17
CSS权重!importantInfinity行间样式1000id100class/属性/伪类10标签/伪元素1通配符0256进制选择器父子选择器/派生选择器div span{ background-color: antiquewhite;}直接子元素选择器div > em{ background-color: aquamarine;}并列选择器 使用并列时,标签选择器放前面d...

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

相关标签: 前端