摘要: 响应式 Web 设计 - 网格视图 响应式网格视图通常是 12 列(按列来布局),宽度为100%,在浏览器窗口大小调整时会自动伸缩 创建响应式网格视图 首先确保所有的 HTML 元素都有 box-sizing 属性且设置为 border-box。 12 列的网格系统可以更好的控制响应式网页 首先我们 阅读全文
posted @ 2020-08-21 21:50 帅气巴巴 阅读(143) 评论(0) 推荐(0) 编辑
摘要: Viewport 是用户网页的可视区域,手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。 width:控 阅读全文
posted @ 2020-08-21 21:49 帅气巴巴 阅读(130) 评论(0) 推荐(0) 编辑
摘要: CSS3过渡 添加某种效果可以从一种样式转变到另一个的样式。transition: width 2s, height 2s; 指定要添加效果的CSS属性 指定效果的持续时间 过渡属性 transition 简写属性,用于在一个属性中设置四个过渡属性 transition-property 规定应用过 阅读全文
posted @ 2020-08-21 21:48 帅气巴巴 阅读(100) 评论(0) 推荐(0) 编辑
摘要: CSS3背景 background-image属性 添加背景图片 可加多张,不同的背景图像和图像用逗号隔开,所有的图片中显示在最顶端的为第一张。 background-image: url(img_flwr.gif), url(paper.gif); 可以给不同的图片设置多个不同的属性 backgr 阅读全文
posted @ 2020-08-21 21:47 帅气巴巴 阅读(121) 评论(0) 推荐(0) 编辑
摘要: CSS3渐变 可以让你在两个或多个指定的颜色之间显示平稳的过渡 线性渐变(linear-gradient)- 向下/向上/向左/向右/对角方向 默认从上向下 background-image: linear-gradient(#e66465, #9198e5) 可多颜色 从左向右 backgroun 阅读全文
posted @ 2020-08-21 21:41 帅气巴巴 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 基本选择器 通配符选择器(*) 用来选择所有元素 * {} 也可以选择某个元素下的所有元素 .dov*{} 元素选择器(E) li {} 类选择器(.class) ID选择器(#id) 群组选择器(selector1,selector2,...,selectorN)并集 层次选择器 后代选择器(E 阅读全文
posted @ 2020-08-21 07:32 帅气巴巴 阅读(112) 评论(0) 推荐(0) 编辑