
CSS3
行者向阳
为了巅峰的技术,就要付出非凡的努力
展开
-
让body、Div占满整个浏览器的窗口
让HTML标签铺满整个浏览器的窗口,让DIV标签占满整个浏览器的窗口,让父级元素占满整个浏览器的窗口原创 2016-08-21 23:57:04 · 61135 阅读 · 8 评论 -
CSS的2个冷门却又实用的选择器
“+”,“>” , “nth-child ”,几个不常用,但却很好用的选择器。原创 2016-10-11 00:28:27 · 791 阅读 · 0 评论 -
IE下滤镜实现background-size效果
IE下的滤镜实现背景图片的background-size效果,修正IE出现双背景的样式。原创 2016-09-27 07:32:48 · 1642 阅读 · 0 评论 -
清除浮动的几种方式
清除浮动的几种方式一般来说清除浮动有如下的几种方式1.额外标签法 2.使用:after 伪元素3.给父元素定高4.利用overflow:hidden;属性5.父元素浮动6.父元素处于绝对定位转载 2016-10-23 12:24:35 · 500 阅读 · 0 评论 -
使用Data url base64编码 将图片嵌入到页面之中
之前公司有一个需求,后台希望前端尽可能的减少请求,我考虑到将雪碧图以及其他图片转化为base64嵌入到页面之中,这样就可以较少至少一个雪碧图的请求。其原理是,将页面中需要的图片转译成base64的编码,然后植入到css的图片引用位置,或者植入到img标签中的src中。http://tool.css-js.com/base64.html原创 2016-09-03 03:21:41 · 12793 阅读 · 0 评论 -
CSS2/CSS3 垂直水平居中
CSS垂直水平居中,CSS3垂直水平居中原创 2016-08-22 00:21:47 · 1504 阅读 · 0 评论 -
理解前端尺寸 rem ,vh , vw , %的本质
rem、百分比、vh、vw各种布局方式,在兼容不同分辨率的时候,究竟采用哪种方式比较好呢?名词介绍:百分比:就是元素相对于父级的宽度或高度的百分比,比较常用,宽度和高度都可以rem:本身是百分比的一种变形,但是这个单位只是基于宽度的百分比,不是基于高度的百分比vh、vw:基于视口的尺寸,1vh = 1% viewportHeight , 1wh = 1% viewportWid...原创 2018-05-02 09:45:26 · 6476 阅读 · 0 评论 -
理解box-sizing属性border-box,content-box
普通盒模型与怪异盒模型对比。box-sizing:content-box,box-sizing:border-box;对比。如何使用普通盒模型与怪异盒模型,如何让浏览器只支持标准盒模型。原创 2016-09-16 10:54:58 · 28257 阅读 · 8 评论 -
从盒模型到BFC的深入理解
盒模型的基本概念盒模型是描述DOM元素位置的一种模型,它由内容(content)、内边距(padding)、边框(border)、外边距(margin)组成, CSS盒子模式都具备这些属性。标准模型与IE盒模型的区别1、宽高计算方式的差别标准盒模型的宽度、高度只包括内容的宽度高度。IE盒模型的宽度、高度,包括content + height + border...原创 2018-07-08 16:30:11 · 1836 阅读 · 0 评论