CSS学习(十五):响应式开发和Bootstrap
1. 响应式开发 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。 设备划 …
: Undefined array key "dark" in /www/wwwroot/blog/wp-content/themes/sakura/functions.php on line 681
class="archive category category-web category-7 hfeed chinese-font ">
之前断断续续接触过前端相关知识,做过网站,但是没有系统的学过,只会套模板,很生硬地修改样式,有很多不懂的地方。现在开始,想要较为系统的学习,希望能坚持更新前端方面的文章。
1. 响应式开发 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。 设备划 …
1. 动画(animation) 动画(animation) 是CSS3中具有颠覆性的特征之一,可通过设置多个节点精确控制一个或一 …
1. 什么是转换 转换(transform)是CSS3中最具颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果。 转换可以简单 …
1. CSS3之过渡属性(transition) 过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用F …
1. HTML5的新特性 HTML5的新增特性主要针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。 这些新特性都有 …
1. 为什么需要定位 一些固定盒子的效果,标准流或浮动都无法快速实现,此时需要定位来实现。所以: 浮动可以让多个块级盒子一行没有缝 …
1.浮动 1.1 传统网页布局的三种方式 网页布局的本质:用CSS来摆放盒子,把盒子摆放到相应位置。CSS提供了三种传统布局方式: …
1. 盒子模型 页面布局要学习三大核心:盒子模型,浮动和定位。学习好盒子模型能非常好的帮助我们页面布局。 1.1 看透网页布局的本 …
CSS有三个非常重要的特性:层叠性,继承性和优先级。 1. 层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖 另一个冲突的 …