CSS笔记2 css中的伪类

css伪类是用来添加一些选择器的特殊效果，伪类的语法

  选择器：伪类 { 属性名 ： 属性值 ；}

1.anchor伪类，链接的不同状态以不同方式显示

  a:link{ color : blue; }            /*未访问的链接
  a:visited{ color : gray; }       /*已访问的链接
  a:hover{ color : pink; }         /*鼠标划过的链接
  a:active{ color : green; }      /*已选中的链接

  hover必须在link和visited之后才有效，active必须在hover之后才有效

2.伪类可以和类配合使用，语法   选择器：类名：伪类名{ 属性名：属性值 ；}

  a:red:visited{ color : blue ; }
  <a class="red" href="#">css</a>

3.first-child伪类，IE8之前的版本必须声明<!DOCTYPE>

  ul li:first-child{ color : red ; }

4.lang伪类，可以为不同的语言定义特殊的规则，IE8之前的版本必须声明<!DOCTYPE>

  q:lang(no){ quotes : "~" "~" }

   <p>文字<q lang="no">段落中的引用的文字</q>文字</p>    显示是q部分会变成~

 

伪元素，用于添加一些选择器的特殊效果，可以和css类结合。语法如下

  选择器：伪元素{ 属性名 : 属性值 ；} 

  如：p:first-line{ color : red ; }

1.first-line伪元素，设置第一行属性
2.first-letter伪元素，设置文本首字母属性，只能用于块级元素
3.before伪元素，在元素的内容前面插入新的内容，如：
   div:before{ content : "哈哈哈："；}     在div前面插入“哈哈哈”
4.after伪元素，和before类似

 

CSS可以继承父级的CSS样式，但有些样式不能继承，如：border,margin,padding,background,当子级元素和父级元素发生冲突时，子级元素依照自己的样式

常见的长度单位：px, mm, cm, in(1in=96px=2.54cm)一般浏览器字体为16px，pt(1pt=1/72in)

css相对数值单位：em(1em=16px), ex(英文字母小x的高度)，ch(数字0的宽度)，rem(根元素html的font-size)

               vw(1vw=视窗宽度的1%)，vh(1vh=视窗高度的1%)，vimn(vw和vh中较小的那个)，vmax(vw和vh中较大的那个)