CSS
文章平均质量分 81
chenyuelili
前端工程师,喜欢折腾一些有意思的项目和新出炉的技术。chenyuelili.com
展开
-
认真理解背景图片 background-img
一、现象图片的内部样式会覆盖内联样式 height width图片的max-width脂类的只是给图片设置一个阈值,不会覆盖内联样式宽度和高度,只设定一个,另一个会按照图片默认的宽高比例自动调整同时设置宽高,图片比例变了,图片失真,除非设置比例一样。二、响应式背景图响应式图片的思路就是宽高参照容器大小。 媒体查询,根据设置分辨率加载相应大小的图片哦。节省带宽。 background原创 2017-03-14 16:35:56 · 3166 阅读 · 0 评论 -
Less学习笔记
LessAuthor:cyl 2016年10月30日Less中文网 LESS CSS 框架简介 Less语法引入:变量、嵌套、继承、运算、混合、匹配模式用法客户端我们可以直接在客户端使用 .less(LESS 源文件),只需要从http://lesscss.org 下载 less.js 文件,然后在我们需要引入 LESS 源文件的 HTML 中加入如下代码: <link rel="styl原创 2017-03-14 17:12:29 · 257 阅读 · 0 评论 -
CSS3语法总结
先看一下用法:div{animation : myfirst 5s linear 2s infinite alternate;}@keyframes myfirst{0% {top:0px;}25% {top:200px;}50% {top:100px;}75% {top:200px;}100% {top:0px;}}Internet Explorer 10、Firef原创 2017-03-14 14:50:43 · 1157 阅读 · 0 评论