zoukankan      html  css  js  c++  java
  • CSS知识体系


    一     CSS基础知识框架图

    1  CSS基础知识体系

    2  CSS重点知识体系

      

    3  CSS格式化页面知识点

      

    二     CSS基本知识框架

    1    css样式表的基本概念

    2    样式表基本类型

    2.1   内嵌样式
    2.2   内联样式
    2.3   链入外部样式表
    2.4   导入外部样式

    3   样式表配置方法

    4      字体属性
    4.1   font-family

    4.2   font-size(四种尺寸方式:绝对尺寸(xx-small。。。medium。。xx-large7种),相对(larger,smaller,em),px,%)

    4.3   font-weight(6种方式,normal(400),bold(700),bolder,lighter,100.。。900,inherit)

    4.4   font-style(3种normal,italic,oblique)

    4.5   font-variant(normal,small-caps,inhert)

    4.6   font

    5   文本属性
    5.1   text-align(5种属性justify,inherit)
    5.2   letter-spacing
    5.3   color(3种颜色特性)
    5.4   text-indent(首行缩进)

    6      背景颜色以及图像设置

    6.1   background-color

    6.2   background-image

    6.3   background-repeat(5种repeat,repeat-x,repeat-y,norepeat,inherit)

    6.4   background-attachment(3种fixed,scroll,inherit)

    6.5   background-position(3种方式)

    6.6   background-size

    6.7   background-origin(从何处开始显示背景图片3种padding-box,border-box,content-box)

    6.8   background-clip(裁剪padding-box,border-box,center-box,text)

    7      边框

    7.1   border-width(5种border,border-left-width(left,right,bottom))

    7.2   border-style(border-(top|left|right|bottom)-style四种之下各有9种相同样式///none/dotted/dashed/solid/double/groove/ridge/inset/outset)

    7.3   border-color

    7.4   border-imge(5种,border-image-source|slice|width|outset|repeace|)

    8     设置边距(margin(margin-left,,)padding)

    9     网页超链接设置

    9.1   网页链接属性(4种链接方式)

    9.2   添加滚动条属性overflow(overflow-x,overflow-y)每一种分四种1.visible(显示所有文段,没有滚动条)2.auto(超容时显示滚动条)3.hidden(隐藏滚动条)4.scroll(总是显示滚动条)

    9.3   设置光标属性(cursor:hand|crosshair|text|wait沙漏|help|move|e-resize|ne-resize |nw-resize|s-resize|url(‘#’))

    10    css区域以及定位

    10.1 position的理解(相对定位和绝对定位)

    10.2 z-index层叠顺序

    10.3 float浮动属性

    10.4 clear清除属性

    10.5 clip 是css的剪刀手

    10.6 overflow超出范围(5种visible(超出部分溢出)hidden,auto溢出则显示否则,inherit)

    10.7 visibility(4种visible,hidden,collapse,inherit)

    参考:https://www.cnblogs.com/yaohong/p/6092440.html

  • 相关阅读:
    Ubuntu18.04 修改DNS
    windows系统如何通过Xshell 客户端连接 linux系统(主要介绍ubuntu系统)
    如何获取 docker 容器(container)的 ip 地址(转)
    基于Docker搭建LNMP环境(转)
    高并发处理【电商抢购】(转)
    [golang] Glide 包管理
    如何查看2to3.PY的帮助文档
    python模块之lib2to3(py2转py3自动化工具)
    python模块之keyword
    python模块之JSON
  • 原文地址:https://www.cnblogs.com/iamspecialone/p/11216352.html
Copyright © 2011-2022 走看看