内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

当前分类:

> 网页设计 > div+css >

  • 浏览器解析渲染以及页面优化01月08日

    浏览器对页面的加载、解析以及渲染是一个非常复杂的话题,这里我只对这个过程做一个非常概括的总览,以初步了解这些过程,对于前端编程如何优化页面给予一些原理性的支撑。 为什么要了解这些过程 了解浏览器的资源加载,可以使我们在引入外部样式、脚本资源

    Tags:浏览器
  • 理解CSS布局和BFC01月07日

    CSS布局中有一些概念,一旦理解了这些概念,就能真正的提高你的CSS能力。这篇文章主要介绍的是关于块格式化上下文(Block Formatting Context),也就是大家俗称的 BFC 。你可能从未听说过这个术语,但只要你曾经使用过CSS布局,你就可能知道它是什么。理解B

    Tags:CSSBFC
  • 浅谈响应式Web设计与实现思路01月07日

    是否还在为你的应用程序适配PC端,移动端,平板而苦苦思索呢,是否在寻找如何一套代码适配多终端方式呢,是否希望快速上手实现你的跨终端应用程序呢,是的话,那就看过来吧,本文阐述响应式UI设计相关理论基础,包括:屏幕尺寸,物理,设备独立,CSS像素,dp

    Tags:Web设计响应式
  • 现代浏览器性能优化CSS篇12月30日

    我来填坑了,CSS篇终于写出来了,如果你没看过前面的JS篇,可以 在这里观看 。 众所周知,CSS的加载会阻塞浏览器渲染或是引起浏览器重绘,目前业界普遍推荐把CSS放到 head 中,防止在CSS还没加载完,DOM就已经绘制出来了,造成CSS加载完成后的重绘。那在现代

    Tags:浏览器性能优化CSS
  • CSS实现元素较宽不能被完全展示时将其隐藏12月29日

    遇到一个需求,需要实现的样式是固定宽度的容器里一排显示若干个标签,数量不定,每个标签的长度也不定。当到了某个标签不能被完全展示下时则不显示。大致效果如下,标签只显示一排,多了放不下了就不显示了。 标签部分 DOM 结构如下 div class=labels span

    Tags:CSS
  • 不可思议的混合模式background-blend-mode12月28日

    CSS3 新增了一个很有意思的属性 -- mix-blend-mode ,其中 mix 和 blend 的中文意译均为混合,那么这个属性的作用直译过来就是混合混合模式,当然,我们我们通常称之为混合模式。 混合模式最常见于 photoshop 中,是 PS 中十分强大的功能之一。当然,瞎用乱

    Tags:CSS
  • 利用CSS3 font-feature-settings特性减除字体动画震颤12月28日

    在做 GithubProfile 项目的时候,使用了数字动画展示的效果,如My GithubProfile页面中的commits,stars以及followers数字。实际使用中,由于数字字体不等宽,造成在数字增长动画时很明显的震颤,体验非常不好。 这里我最终使用了CSS的 font-feature-settings

    Tags:CSS3
  • 一起来聊聊table组件的固定列12月26日

    现有Web页面上,table一般用于统计数据、列表书记等信息的展示。但是当table包含大量的信息需要列出展示时,往往对table添加滚动条来展示更多的数据。突然想到要研究下table组件也是因为最近碰到table数据大量展示的问题,寻觅了一些比较好的解决办法,就目

    Tags:table
  • html、css、scss、js入门12月24日

    说明 有很多关于html、css等前端技术等文档、手册,都不能让一个完全不懂的人对html、css、scss等形成一个整体的认识。 HTML HTML是一门标记语言(Hypertext Markup Language)。这门语言与其它的编程语言,例如C/JAVA/GO等非常的不同。 HTML是完全标签化的

    Tags:htmlcssscss
  • CSS工程化演进12月19日

    CSS 技术的演进 CSS 是 Web 开发中不可或缺的一部分,在前端工程化的不断进步的今天,一方面在 CSS 特性随着规范的升级越来越丰富,另一方面,前端业务复杂性的增加带来的工程愈加庞大,驱使者开发者不断寻找CSS工程化的最佳实践。 Web开发模块化趋势 不可否

    Tags:CSS
  • 我脑中飘来飘去的css魔幻属性12月16日

    最近看到一篇20 个CSS高级技巧汇总的汇总,感触很深,不过我想,与技巧相比,有些常见css布局难题,有时候更加让我们的日常开发变得踌躇沮丧吧。 在写这一篇文章之前,自己还写过一篇: 我所不注意的那些CSS冷知识,但却阻止了我做项目的速度 ,如果你看了,

    Tags:css
  • css做缩略图悬停效果12月10日

    缩略图悬停效果 前端本身很杂,想必在学前端的大家都懂,前端技能的各种学习心得,各种教程,只要你有一颗学习的心都可以搞定,关键在于你有没有需求分析的能力,解决问题的能力,这两个才是决定工资高低的本事,就那么点知识嘛,大家都懂了,拼的还是这两点

    Tags:css缩略图
  • 如何实现文字输入高亮的效果12月10日

    简评: TripAdvisor (中文网站为「猫途鹰」)的搜索输入框有文字高亮的效果很有意思,本文将分享如何一步一步建立这种效果。 下图即为 TripAdvisor 搜索输入框的「文字输入高亮」效果,这个实现涉及 CSS 和 JavaScript 的知识。 TripAdvisor 的搜索输入框

    Tags:CSS
  • 如何用CSS网格快速做出网站原型12月06日

    简评:CSS 网格模块是创建网站模型的绝佳工具。它是我尝试过的任何其他系统中最快让你体验布局的工具。 我们的网格 我们将从模仿一个经典网站的非常基本的网格开始: 首先,我将解释我们需要的 HTML 和 CSS 代码,我将之分为 4 个部分。一旦你弄明白了,我们

    Tags:CSS
  • CSS vs JS Animation哪个更快12月05日

    基于JavaScript的动画竟然已经默默地比CSS的transition动画快了?而且,Adobe和 Google竟然一直在发布可以媲美原生应用的富媒体移动站点? 这篇文章将会逐点讲解基于JavaScript的DOM动画库,比如Velocity.js和GSAP,是如何比jQuery和基于CSS的动画库高效的。

    Tags:AnimationCSS
  • 灵活的overflow12月03日

    说到 overflow 对于CSSer而言并不会陌生,用来控制内容溢出的现象。而很多时候我们还会使用 text-overflow 来控制内容溢出的显示。一般是直接截取,另一种是截取之后让文本后面带有三个点的省略号。不过有意思的是,我们今天要说的灵活 overflow 。 前两天 @

    Tags:overflow
  • 如何用CSS修出好看的照片?12月03日

    我们通常会通过PS,美图秀秀等来编辑照片,制作比较符合意境的的效果图片(图骗),但是编辑器和PS的切换是有成本的,如果能在编辑器中快捷并且批量的处理图片岂不是很好。这篇文章没有多么高深的代码,只是一些平时容易忽略并且很受用的小技巧。 修图利器之 C

    Tags:照片CSS
  • 重构构建的平凡之路11月30日

    导语 刚开始做前端的时候,一直以为切好页面是重构的全部职责,在切好页面的前提,增加页面交互,这样已经能到重构的顶峰。直到进入公司后发现参与的项目都有两个特点,项目复杂和参与人数的多,发现传统的方法已经不适用。主要介绍自己重构构建经历,如有问

    Tags:重构CSS
  • CSS3 radial-gradient径向渐变语法及辅助理解案例10则11月23日

    一、语法细节记不住怎么办? 实际开发的时候,当要使用 radial-gradient 径向渐变的时候,脑中会有大概的语法,但是细节却记不住,于是想快捷找个案例看看具体怎么用,然后直接套一下。通常一番搜索,会发现虽然是个简单需求,但是正好满足这个需求的页面却

    Tags:radialgradientCSS3
  • 使用colgroup和col实现响应式表格11月21日

    Table 在项目使用中十分频繁,特别是在后台管理系统中, table 无疑是数据展示的第一公民,在早些年的网页中, table 也是网页布局的第一选择,然后使用好 table 并不容易,其它有很多子元素和属性需要了解,在实际使用中, table 的自适应也十分重要,如果

    Tags:colgroupcol响应式表格

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号