simple_Xsg的博客

如何利用css来制作简单的小三角形样式，原理就是利用控制边框的样式来实现三角形的样式。

1. px px是pixel的缩写，中文翻译是像素的意思；我们一般用来设置元素的宽高、字体大小，查了一下它不是自然界的长度单位。px是就是一张图片中最小的点，一张图就是由这些点构成的。1024px就是1024像素，如果是1024px×768px，也就是说水平方向上有1024个点，垂直方向上有768个点。谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。所以，像素的大小是会“变”的，也称为“相对长度”；特点：不会随着浏览.

为了实现丰富多彩的边框效果，在css3中，新增了 border-image属性，这个新增属性允许指定一副图像作为元素的边框。2. 边框图片的使用场景盒子大小不一，但是边框样式相同，此时就需要边框图片来完成，不是背景图片，而是用边框图片来实现。3. 边框图片的切图原理最主要是把四个角切出去，利用井字型来把四个角切出去，一定要保留四个角的完整性，顺序是：上 右 下 左；4. 边框图片语法规范border-image-source:用在边框的图片的路

一、display:none;display翻译成中文是显示、展览的意思；将display的属性改为none可以实现元素的隐藏，元素和盒子模型也不生成，被隐藏的元素不占位置，看不见摸不着，它会导致浏览器的重排和重绘。二、visibility:hidden;visibility翻译成中文是能见、可见性的意思；hidden翻译成中文的是隐藏、不易察觉的意思。将visibility的属性改成hidden可以实现元素的隐藏，和display:none的区别是它占位置，看不见但是摸得着，所以它只会导致浏览

一、transition（过渡、转变的意思）transition 属性是一个简写属性，用于设置四个过渡属性：1. transition-property：设置过渡效果的属性名称（默认值是all）；2. transition-duration：设置过渡完成所需要的时间（默认值是0）；3. transition-timing-function：设置过渡速度效果曲线（默认值是ease）；4. transition-delay：设置过渡的开始时间（默认值是0）；语法：transition: