标签：css

提升网站页面速度的14条最佳实践（一）

一直忙于工作，最近这段时间终于可以静下心来细读一些与工作相关的书籍。本篇文章是《高性能网站建设指南》一书的梳理。希望自己收获的同时，也能给对这块知识感兴趣的童鞋给与入门指导。关于《高性能网站建设指南》的梳理共有两部分内容…

前言从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明白，就开始将以前零散的东西整合一下，和各位道友一起提高…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。纯 css 写的扁平人动画https://codepen.io/YusukeNaka… 漫威漫画陈列布局https://codepen…

1、在增强网页设计效果时，应该使用生成性内容，而不是依赖冗余的标签和图片。2、要把表单元素的字体设定为与页面的其他部分相同，你并不需要重复指定字体属性，只需利用 inherit 的特性即可3、利用 CSS 自身的机制来组…

背景：marquee标签在有些浏览器兼容性不好，就手动用原生js实现了下。横着滚动效果链接描述 <!doctype html> <html> <head> <meta chars…

移动端里面，flex 布局很好用，它能够根据设备宽度来自动调整容器的宽度，但是最近在做项目的时候发现一个问题：一个li里面设置了flex,flex: 0 0 33.333%,然后想让子元素里面的文字超出flex定义宽度…

让我们从小提琴开始： http://jsfiddle.net/r1kw37g5/ .grid-item .diamond .inner-diamond{ -webkit-transform: rotate(45deg);…

很容易看到.在示例1中,所有工作都很好,但是当我在示例2)中添加一行代码时,它正在破坏.为什么？我应该如何编码呢？例1：http://jsfiddle.net/sUtvd/154/ [...].tripple { wi…

我在我的网站上使用了很多网页字体,现在我想添加新的字体系列,它有serif / sans-serif / monospace类型的字体. 我的部分css： @font-face { font-family: 'DejaV…

有没有办法在CSS中实现这一点,没有 JavaScript？我想要一个符合以下要求的div： >它始终保持给定的宽高比(例如4：3)>它的宽度永远不会超过px中给定的固定最大值,例如800像素>它的高…

媒介：先毛遂自荐一下，我是新晋前端小白白，15年毕业今后，在相干范畴事变3年，但一向都在自我提拔阶段。现在是刚到美国2个多月，分享在美国求职的阅历，现在已有口试进入背调阶段，把我时期的预备分享给人人。愿同道中人共同进步！…

一、HTML布局首先写HTML布局 <body> <div id="wrap"></div> </body> 二、CSS样式给点简单的样式 <style> …