• 技术文章 >web前端 >css教程

    css基本知识框架图

    高洛峰高洛峰2016-11-23 15:11:44原创1222
    css基本知识框架:(一:基本知识缩影。二基本知识框架图)

    1.css样式表的基本概念

    2.样式表基本类型-----1.内嵌样式 2.内联样式3.链入外部样式表4.导入外部?式

    3.样式表配置方法

    4.字体属性----1.font-family

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

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

    4.font-style(3种normal,italic,oblique)

    5.font-variant(normal,small-caps,inhert)

    6.font

    5.文本属性----1.text-align(5种属性justify,inherit) 2.letter-spacing 3.color(3种颜色特性)

    6.背景颜色以及图像设置

    1.background-color

    2.background-image

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

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

    4.background-position(3种方式)

    5.background-size

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

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

    7.边框

    1.border-width(5种border,border-left-width(left,right,bottom))

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

    3.border-color

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

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

    9。网页超链接设置

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

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

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

    10.css区域以及定位

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

    2.z-index层叠顺序

    3.float浮动属性

    4.clear清除属性

    5.clip 是css的剪刀手

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

    7.visibility(4种visible,hidden,collapse,inherit)

    154420_BzEY_1450051.png

    大前端零基础入门到就业:进入学习

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:css
    上一篇:css强制换行和超出隐藏实现 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 带你吃透Flex布局的三个属性:flex-grow、flex-shrink、flex-basis• 实例详解CSS渐变锯齿问题如何解决!• 另辟蹊径!看看使用CSS滤镜怎么构建圆角和波浪效果• 聊聊怎么利用 CSS 构建花式透视背景• 详解css中的比较函数(示例介绍)
    1/1

    PHP中文网