全栈知识第740页

css 布局

1:2自适应布局元素的padding的百分比值是基于其父元素的宽度计算的，如此，设置元素宽度width:25%，元素高度不设定，元素padding-bottom:75%，就可以得到一个高宽比为3:1的盒子。或者，元素的宽高都不设定，设置元素...

今天做练习的时候遇到了这样一行代码： height: calc(100% - 70px); ，100%的高度减去70px？？？这是什么函数？竟然支持不同单位之间的运算？！通过查阅资料，我终于认识了这个函数——calc()函数。 calc(...

概述 CSS 指层叠样式表 (Cascading Style Sheets)，定义如何显示 HTML 元素。 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明,每条声明由一个属性和一个值组成。: p {color:red;tex...

垂直方向的布局父元素不设置宽高，单一子元素宽高设置高度会与子元素相同(被撑开），父元素水平方向将会取最大值。且子元素如果大于了父元素，则会溢出,对于溢出子元素处理：overflow: 1.visible默认值，溢出2.hidden 溢出内...

CSS 01CSS概述 1.概念【1】Cascading Style Sheets 层叠样式表【2】层叠：多个样式可以作用在同一个html的元素上，同时生效【3】样式：设置的格式 2.好处：【1】功能强大【2】将内容展示和样式控制分离（...

以前想实现一个圆角是比较麻烦的，不过现在CSS3来了，实现圆角变的那么的简单只需要一句话：border-radius即可。下面青岛星网跟大家分享下：border-radius的具体用法。 CSS3圆角只需设置一个属性：border-radi...

实现效果： html <canvas id="starfield"></canvas> css * {background:black;padding:0;margin:0;}canvas {pa...

清除浮动有三种方法1 给父盒子写死高度2 用clear: botn ==> 在这只简单说这个属性怎么用3 overflow: hidden 在这里插入代码片 <!DOCTYPE html><html lang=\"...

水平方向的布局一个子元素在其父元素中，水平布局必须满足以下等式：maegin-left+border-left+padding-left+左端对应的右端=父元素width，不成立则为过度约束，浏览器将会自动调整以使等式满足，auto（子元...

标题css checkbox样式 input[type=\'checkbox\']{width: 20px;height: 20px;background-color: #fff;-webkit-appearance:none;border...