css基本知识框架图

转载

mb5ff2f31984205 2020-11-20 16:00:00

文章标签 样式表基本知识 css 基本类型背景颜色 文章分类 Html/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种颜色特性)4.text-indent(首行缩进)

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

1.background-color2.background-image3.background-repeat(5种repeat,repeat-x,repeat-y,norepeat,inherit)3.background-attachment(3种fixed，scroll，inherit)4.background-position（3种方式）5.background-size6.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-color4.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）