![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 67
吴少雄
人生就是从一个坑跳到另一个坑,每一个坑里都会有便便和糖
展开
-
html默认样式总结
我们都知道,一些html标签通常都带有默认css样式,我们在写网页时,这些默认的样式就会时不时的跳出来捣一下乱,搞得我们很是无奈。所以成手在写css样式时,一般都会在开头写一段初始化程序,来去掉这些默认样式,最简单的方法就是使用*{margin:0;padding:0;}。但是通常我们很少使用这种方法,因为通配符*的效率极低。所以我们要先熟悉标签的默认样式,再来研究怎么对付他们。转载 2016-09-25 22:58:39 · 752 阅读 · 0 评论 -
关于移动端适配的几个方法,快速构建响应式网站必备知识
随着移动端的发展,手机端的页面应用越来越广泛,所以我们现在更多的是做移动端的页面。但是我们同样要维持pc端,因此难免会遇到许多麻烦。而且现在做移动端适配的方法也有好多种,针对不同的网站我们需要合理的判断,选择全适的方法;第一种方法:整个页面宽高用px写死,让宽度自适应这是最蠢的一个办法,但是实际上我们用得也挺多,它适用于一些页面结构比较复杂的网站。我们只需要在头原创 2016-09-26 22:42:00 · 8134 阅读 · 0 评论 -
垂直水平居中的方法总结和适用场景
这种css布局平时用的比较多,也是面试题常出的一个题,网上一搜一大堆。但是方法虽多,却有很多适用的限制,并没有一种可以随意通用的。所以想来自己做一下总结,方便查找交流。 效果图都为这个:方法一:position加margin /**html**/class="wrap"> class="center">/**原创 2016-10-18 21:24:14 · 352 阅读 · 0 评论 -
css基础图形绘制
效果预览:http://tortoise.applinzi.com/css.html话不多说,直接上代码 div{ margin: 100px auto;}/*Square(正方形)*/#square { width: 100px; height: 100px; ba原创 2016-10-06 22:42:00 · 284 阅读 · 0 评论 -
教大家写几个可能用得上的css3简单动画
例子1:菊花状的Loading效果第一步画出静态的小菊花。sk-fading-circle { width: 40px; height: 40px; position: relative;}.sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute;转载 2016-09-26 22:22:19 · 2756 阅读 · 0 评论