笔记

117 阅读2分钟

把笔记放上来,自己随时看看,有时间整理吧。 1.CSS border 属性允许您指定元素边框的样式、宽度和颜色。(边框) p { border: 5px solid red; } 2.CSS margin 属性用于在任何定义的边框之外,为元素周围创建空间。(外边距) margin 属性设置为 auto,以使元素在其容器中水平居中,然后,该元素将占据指定的宽度,并且剩余空间将在左右边界之间平均分配 上右下左 p { margin: 25px 50px 75px 100px; 3.CSS padding 属性用于在任何定义的边界内的元素内容周围生成空间。(内边距) div { padding: 25px 50px 75px 100px; } 4.height 和 width 属性用于设置元素的高度和宽度。height 和 width 属性不包括内边距、边框或外边距,设置的是元素内边距、边框以及外边距内的区域的高度或宽度。 5.用 CSS 设置元素的 width 和 height 属性时,只需设置内容区域的宽度和高度。要计算元素的完整大小,还必须把内边距、边框和外边距加起来

6.文本color,background-color ,text-align:center可居中

7.dispaly:none 隐藏元素 visibility:hidden 隐藏元素,但占用空间仍在

8.最大宽度max-width

9.position 属性: static:默认 静态定位的元素不受 top、bottom、left 和 right 属性的影响 relative相对于其正常位置进行定位 fixed 相对于视口定位的,滚动页面,始终位于同一位置 absolute 相对于最近的定位祖先元素进行定位 sticky 根据用户的滚动位置进行定位

10.重叠:z-index,大的值渲染在小的值之前

11.overflow: visible - 默认。溢出没有被剪裁。内容在元素框外渲染 hidden - 溢出被剪裁,其余内容将不可见 scroll - 溢出被剪裁,同时添加滚动条以查看其余内容 auto - 与 scroll 类似,但仅在必要时添加滚动条 overflow-x overflow-y 水平还是垂直地(或同时)更改内容的溢出

12.float:left right none inherit clear:指定哪些元素可以浮动于被清除元素的旁边以及哪一侧,最常见用法是在元素上使用了 float 属性之后。 元素比包含它的元素高,overflow: auto或者::after box-sizing:border-box;,则宽度和高度会包括内边距和边框 display: flex;,flex-wrap: nowrap

display: inline-block 允许在元素上设置宽度和高度,在元素之后不添加换行符,可用于创建导航链接

overflow: auto;可以解决浮动元素溢出问题

13.CSS 中有四种不同的组合器: 后代选择器 (空格) 子选择器 (>) 相邻兄弟选择器 (+) 通用兄弟选择器 (~)