CSS 第76页

css 布局

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

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

定义和用法position 属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。值；描...

CSS有三种基本定位机制：标准流，浮动，定位，今天小编先给大家介绍一下标准流和浮动。 1、标准流(normal flow)：标准流又被称为“文档流”或“普通流”。标准流是指文档内元素的流动方向。内联元素从左到右，遇到阻碍换行执行;块级元...

切角效果切角效果普通切角弧形切角裁切路径方案切角效果普通切角假设我们只需要一个角被切掉的效果，以右下角为例。渐变可以接受一个角度（45deg）作为方向，而且色标的位置信息可以是绝对的长度值。因而我们可以用一个线性渐变就能完成右...

新特性 1. CSS3有哪些新特性？答：- [ ] > 1. CSS3实现圆角（border-radius），阴影（box-shadow），> 2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（...

一、当父元素height:3.2rem，子元素height:100% 可以很明显的看到图片(子元素)下面有黄边(设置的父元素的背景颜色) 父元素实际height:子元素实际height: 二、当父元素height:3.2rem，子元素hei...

这里有借鉴的H5和CSS3一些新的特性

一：页面需要将盒子进行旋转，而内容保持正常1.可以使用盒子嵌套的方式，反向的进行调整 <div class=\"one\"><div>neirong</div></div>.one{width...

《css揭秘》笔记（八）平行四边形嵌套元素方案伪元素方案菱形基于变形的方案裁切路径方案平行四边形我们可以使用 skew() 的变形属性来对矩形进行斜向拉伸。 .box1{width: 100px;height: 50px;m...