html$css_day02

一.内联和块元素

  》块元素:独占一行的元素,比如div,即使改变了width的大小,也还是会独占一行

  》内联元素(行内元素):元素的大小由内容的大小决定,不独占一行,比如span(span元素没有任何语义,但专门为文字设置样式等)

二.常用选择器

  》元素选择器

   》id选择器

   》类选择器

   》组合选择器

   》通配符选择器

   》复合选择器(交集选择器)

   》元素间的关系

   》后代选择器

   》子元素选择器

   》伪类选择器

    link状态:

    visited状态:

 

    hover状态:

 

    active状态:

 

 

    focus状态:

 

     selected状态:

 

     伪元素选择器:

 

 

     属性选择器:

      》title属性:

 

 

 

 

 

     》子元素的伪类选择器:

   first-child和last-child我必须说下,非常容易弄混,一个注意的点:

    (1)比如p:first-child,表示的是所有p元素拥有父亲元素,元素是p标签且在父元素下的第一个元素。而不是表示p标签下的第一个子元素

  依次类推它的last-child,nth-child

  跟first-child等十分类似的伪类:

   我还得说下,怕搞混,拿fitst-of-type为例:

    (1)比如p:first-of-type:表示所有p元素拥有父元素且在父元素下的第一个p元素

依次类推last-of-type,nth-of-type

    》兄弟元素选择器

 

     》否定伪类选择器

三.样式的继承

四.选择器的优先级

 

 

五.伪类选择器的顺序:

六.文本标签

 

 

 

 

 

 

 

七.无序列表和有序列表

 

 

 

 

 

八.长度单位

 

 

 

 

九.rgb和十六进制颜色表

 

十.字体

 

 

   字体分类:

 

 

   字体样式:

 

 

 

十一.行高

 

 

 

 

猜你喜欢

转载自www.cnblogs.com/ibcdwx/p/13169396.html