美文网首页
css知识点

css知识点

作者: 饥人谷_小逸 | 来源:发表于2017-11-05 03:15 被阅读0次

position不同值和区别

absolute: 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。(不占位)

relative: 生成相对定位的元素,相对于其正常位置进行定位。因此,”left:20” 会向元素的 LEFT 位置添加 20 像素。(占位)

static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)inherit:规定应该从父元素继承 position 属性的值。

fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

CSS的盒子模型?

盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border).
两种, IE 盒子模型、标准 W3C 盒子模型;
IE 盒模型的content部分包含了 border 和 pading;
标准盒子模型的宽度和高度是指content的宽度和高度

相关文章

  • 17-进阶: 第一个JS作品

    本节知识点----- CSS知识点 如何写渐变颜色的样式?谷歌 css gradient generate ,之后...

  • CSS基础知识一

    知识点导航 一、CSS初步认识

    CSS整体感知 css 是 cascading style sheet 层叠...

  • 前端知识温习

    js知识点 温习js css知识点 温习css jquery温习 自己实现一个jquery vue框架温习 温习v...

  • CSS知识点整理

    写在前面:这是一篇学习CSS的笔记。重点在于罗列CSS的知识点。 CSS ㈠ CSS入门 什么是CSS?CSS 指...

  • 03 CSS Variables

    效果 Demo Github 知识点 :root CSS变量:var(--xxx) CSS滤镜:filter 事...

  • 2018-07-20

    CSS知识点总结 一.什么是css? CSS(Cascading Style Sheets)层叠样式表,专注于页面...

  • 导航条制作(1-1)

    html代码: css代码: CSS知识点:(1)四种引入 CSS 的方式:style 属性、style 标签、c...

  • css3渐变:线性和径向

    知识点: CSS3 渐变CSS3 线性渐变CSS3 径向渐变 CSS3 渐变 渐变(gradients)可以在两个...

  • CSS学习笔记

    CSS常用知识点 css概述:Cascading Style Sheets:层叠样式表 ​ 使用div标签+c...

  • CSS3动画/animation/ @keyframes/wil

    知识点:CSS3动画CSS3 animationCSS3 @keyframesCSS3 will-change 一...

网友评论

      本文标题:css知识点

      本文链接:https://www.haomeiwen.com/subject/vvqcmxtx.html