C3教程笔记day1

c3day1

属性选择器

选择器	含义
E[attr]	存在attr属性即可
E[attr=val]	属性值完全等于val
E[attr*=val]	属性值里包含val字符并且在“任意”位置
E[attr^=val]	属性值里包含val字符并且在“开始”位置
E[attr$=val]	属性值里包含val字符并且在“结束”位置

伪类选择器

结构（位置）伪类

以某元素（E）相对于其父元素或兄弟元素的位置来获取无素；
n遵循线性变化，其取值0、1、2、3、4、…
n可是多种形式：nth-child(2n+0)、nth-child(2n+1)、nth-child(-1n+3)等；
注：指E元素的父元素，并对应位置的子元素必须是E

选择器	含义
E:first-child	其父元素的第一个子元素
E:last-child	其父元素的最后一个子元素
E:nth-child(n)	其父元素的第n个子元素
E:nth-last-child(n)	其父元素的第n个子元素(倒数)

空伪类

E:empty 选中没有任何子节点的E元素；（使用不是非常广泛）

目标伪类

E:target 结合锚点进行使用，处于当前锚点的元素会被选中；

排除伪类

E:not(selector) 除selector（任意选择器）外的元素会被选中；

伪元素

E::first-letter文本的第一个单词或字（如中文、日文、韩文等）
E::first-line 文本第一行；
E::selection 可改变选中文本的样式；
E::before和E::after

在E元素内部的开始位置和结束位创建一个元素，该元素为行内元素，且必须要结合content属性使用。

颜色

rgba()
R、G、B 取值范围0~255
A 透明度取值范围0~1
hsla()
H 色调取值范围0~360，0/360表示红色、120表示绿色、240表示蓝色
S 饱和度取值范围0%~100%
L 亮度取值范围0%~100%
A 透明度取值范围0~1

关于透明度的问题
1、opacity只能针对整个盒子设置透明度，子盒子及内容会继承父盒子的透明度；
2 、transparent 不可调节透明度，始终完全透明

文本

text-shadow，可分别设置偏移量、模糊度、颜色（可设透明度）。
如：text-shadow: 2px 2px 2px #CCC;
1、水平偏移量 正值向右 负值向左；
2、垂直偏移量 正值向下 负值向上；
3、模糊度是不能为负值；

如有不明之处，请与本博客作者联系，欢迎有共同爱好者来一起讨论研究。上文是我自己理解，如有出入之处请谅解，并指出，不胜感激。

文章目录

1. c3day1