当前位置 : 主页 > 网页制作 > css >

CSS基础

来源:互联网 收集:自由互联 发布时间:2021-06-13
一、背景属性 二、字体属性 三、文本属性 四、列表属性 五、CSS选择器 基础选择器 关系选择器 属性选择器 伪类选择器 伪对象选择器 CSS选择器优先级 六、CSS Hack 条件Hack 属性Hack 七、

一、背景属性

二、字体属性

三、文本属性

四、列表属性

五、CSS选择器

  1. 基础选择器
  2. 关系选择器
  3. 属性选择器
  4. 伪类选择器
  5. 伪对象选择器
  6. CSS选择器优先级

六、CSS Hack

  1. 条件Hack
  2. 属性Hack

七、盒子模型

  1. 标准盒子模型
  2. 怪异盒子模型
  3. 伸缩盒模型flexbox

八、父容器常用属性

  1. display:flex
  2. justify-content:flex-end
  3. align-items
  4. 子元素常用属性:flex-grow:number

九、旧的伸缩盒

十、浏览器内核及其前缀

十一、CSS中的继承

十二、CSS浮动、定位

  1. 定位的定义
  2. 定位分类
    1. 普通流定位
    2. 浮动定位 
    3. 相对定位
    4. 绝对定位
    5. 固定定位

十三、清除浮动

十四、position定位

十五、z-index

十六、CSS3动画

  1. 圆角、阴影
  2. 转换Transform
    1. 转换Transfrom2D的属性
    2. 转换Transform3D的属性
  3. 过度Transition
    1. 过度属性
    2. 过度属性
    3. 过度函数
    4. 过度延迟
  4. 简写属性Transition
  5. 动画animation
    1. @Keyframes
    2. animation属性
    3. 动画子属性

十七、绘制简单特殊图形(三角形、梯形、圆形)

  1. 以CSS绘制三角形
  2. 以CSS绘制梯形

十八、CSS3媒体查询、CSS3多列布局

十九、雪碧图和滑动门

网友评论