随笔分类 - css3
摘要：渐变 有了渐变再也不用去切1px的图再重复了.. -webkit- 是浏览器前缀, 表示特定浏览器对一个属性还在实验阶段, 在这里顺便写下各个浏览器的前缀: chrome/ safari -webkit- firefox -moz- IE -ms- opera -o- 为了各个浏览器能够识别, 我们
阅读全文
摘要：last-of-type这个比较好点，有时候:last-child 不起作用
阅读全文
摘要：为什么要使用rem 今天2020年4月13号更新，模仿网易移动端的的写法： /* 基于100 ,以750px为标准*/ /* mobile.width = 750px => 750px = 100% =100vw => 750px = 100vw => 1px = 0.1333vw => 100px
阅读全文
摘要：效果图： 原链接：https://www.cnblogs.com/xiaohuochai/p/5419236.html
阅读全文
摘要：效果图： 原链接：https://www.cnblogs.com/xiaohuochai/p/5419236.html
阅读全文
摘要：效果图： 原链接：https://www.cnblogs.com/xiaohuochai/p/5419236.html
阅读全文
摘要：ease： 1、ease：（逐渐变慢）默认值 2、linear：（匀速）3、ease-in：(加速)4、ease-out：（减速）5、ease-in-out：（加速然后减速） 6、cubic-bezier 如： 效果图：鼠标经过旋转180度， 例子2： 把鼠标指针放到 div 元素上，其宽度会从 1
阅读全文
摘要：1.使用rem来设置Web页面的字体大小； 2.rem是相对于根元素<html>； 3.rem能等比例适配所有屏幕 4.在根元素<html>中定义了一个基本字体大小为62.5%（也就是10px。设置这个值主要方便计算，如果没有 设置，将是以“16px”为基准 ）； 我们来看一个简单的代码实例： 上面
阅读全文
摘要：Html代码： 效果图： 上面效果圆角“测试先生的命格”这个title圆角会模糊，b_w_body的上边框和下边框不用为0；只要把上下圆角的div，相对定位和加背景颜色就可以了，b_w_body也要加背景颜色；如下图所示： 圆角不模糊HTML代码： 最终效果图： 第二种圆角title： HTML代码
阅读全文
摘要：(单行)省略号： overflow: hidden;white-space: nowrap;text-overflow: ellipsis; （双行）省略号：overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-l
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * { margin: 0; padding: 0 } .words { fo
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0,
阅读全文
摘要：注意：用第二种情况在iPhone5会出现兼容问题， 所以还是用第一种方法。 例子： HTML代码： 效果图： 二、background-size兼容问题，在安卓手机上背景图片无法显示如图所示： 改这个兼容问题很简单，只要把最后一个样式改为 background-size: 1px 38px;就可以
阅读全文
浙公网安备 33010602011771号