寒假集训D2.22.12.29

Day2

 K31.选择器

  1.为什么要用控制器

  2.element选择器

 K32.div的class命名

  1.class选择器

 K33.id选择器

  1.id选择器

 K34.通配选择器

  1.*通配符/选择器

 K35.选择器pro

  1.群组选择器

      1）原

      2）现

  2.包含选择器/后代选择器

      1）例

 K36.伪类选择器

  1.伪类选择器

 K37.新闻案例实践（建议原视频）

 K38.选择器的权重

  1.原则

  2.详细

 K39.css的属性

  1.属性内容大略

  2.文本属性

      1）网页支持的字体

 K40.文本属性：颜色

  1.color：rgb（x，x，x） 0-255（0最弱，255最强）
  2.color:#xxxxxx 十六进制（0-9 A-F 两位为组，红绿蓝）

 K41.文本属性：加粗、倾斜

  1.加粗：font-weight：X（100-900 逐渐加粗）
  2.倾斜：font-style：X（单词）

 K42.文本属性：水平样式和单行样式

  1.补充

 K43.文本属性：首行缩进和字间距

  1.特殊的词间距：word-spacing
  2.首行缩进em：一个字体大小为em（可用于文章开头空两格）

 K44.文本属性：文本修饰线

  1.常用：text-decoration：none（a链接搭配）

 K45.案例实践（基础）

 K46.文本属性：文本变形

  1.text-transform（大小写）
      1）capitalize 首字母大写
      2）lowercase 全部小写
      3）uppercase 全部大写
  2.font

 K47.列表属性

  1.大略

      1）设置个性列表符

 K48.背景属性

  1.常见背景属性

  2.背景图片默认平铺
  3.平铺：no-repeat不平铺 repeat-x x轴平铺 repeat-y y轴平铺
  4.图片定位：可用1）px   2）%   3）字母（left、center、right、top、bottom）

 K49.背景图片的大小

  1.background-size：1）px 2）%  3）cover（背景图片扩展至足够大，但可能不全显示）
                 4）contain（图像扩展至最大尺寸，使宽高完全适应内容区，可能留白）

 K50.背景图片的固定

  1.background-attachment：fixed（相对浏览器固定）
  2.background-attachment：scroll（滚动 好用）

 K51.视差效果图（建议原视频）

 K52.小案例pro（建议原视频）

 K53.背景的复合属性

  1.小略

  2.background-size只能单独使用
  3.background：url … 最后定位置（如center top）

 K54.浮动属性

  1.作用

 K55.浮动属性pro

  1.高度塌陷
      1）高度写死
      2）清浮动

      3）当前浮动元素后面补一个盒子，不设置宽高，clear：both
      4）overflow：hidden

 K56.浮动案例（强烈推荐！）

 K57.盒子模型

  1.初步显示

 K58.盒子模型：内边距特性

  1.*{padding：0 }清除内边距

 K59.盒子模型：边框

  1.常见边框
      1）solid 单实线
      2）double 双实线
      3）dashed 线段线
      4）dotted 点状线

 K60.盒子模型：margin属性（外边距）

  1.相关属性