2020年8月20日
摘要: CSS3响应式布局 响应式布局的优点 响应式布局是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。优点:面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点:兼容各种设备工作量大,效率低下代码累赘,会出现隐藏无用的元素,加载时间加长其实这是一种折中性质的设计解决方案,多方面因素 阅读全文
posted @ 2020-08-20 17:36 wen22 阅读(225) 评论(0) 推荐(0) 编辑
摘要: css3过渡 1、定义 过渡是元素从一种样式逐渐改变为另一种的效果 (1)指定要添加效果的CSS属性 (2) 指定效果的持续时间 默认值是0。没有任何效果 div{ transition:width2s; -webkit-transition:width2s;/*Safari */} 如果未指定的期 阅读全文
posted @ 2020-08-20 15:54 wen22 阅读(126) 评论(0) 推荐(0) 编辑
摘要: css3背景 1、background-image属性 不同的背景图像和图像用逗号隔开,所有的图片中显示在最顶端的为第一张。 #example1{ background-image:url(img_flwr.gif),url(paper.gif); background-position:right 阅读全文
posted @ 2020-08-20 13:44 wen22 阅读(110) 评论(0) 推荐(0) 编辑
摘要: css渐变 1、定义 CSS3渐变(gradients)是在两个或多个指定的颜色之间显示平稳的过渡。 2、分类 线性渐变(LinearGradients)-向下/向上/向左/向右/对角方向径向渐变(cGradients)-由它们的中心定义 3、线性渐变 设置一个起点和一个方向(或一个角度) (1)从 阅读全文
posted @ 2020-08-20 10:32 wen22 阅读(164) 评论(0) 推荐(0) 编辑