[css]搜索结果

打造自适应网站只用一个CSS属性就够了

于11-08 14:58 - 杭州程序员张张 -
用一个CSS属性创建一个响应式网站，让我们来看看它是如何做到的. 以这个模板为例，没有应用css属性. clamp() CSS函数，我们可以创建仅具有一个属性的响应式网站. clamp(minimum, preferred, maximum); 复制代码. clamp() 的工作原理是“夹紧”或限制一个灵活的值，使其处于最小和最大范围之间.

[译]只使用 CSS 进行用户追踪

于10-25 09:00 - 黄梵高 -
在浏览器里进行用户追踪会引发关于隐私和数据保护一次又一次的讨论. 类似 Google 分析之类的工具几乎可以抓到所有需要的内容，包括来源，语言，设备，停留时间等等. 但是，想获取一些感兴趣的信息，你可能不需要任何外部追踪器，甚至不需要 JavaScript. 本文将向你展示，即便用户禁用了 JavaScript，依然可以跟踪用户的行为.

现代浏览器性能优化-CSS篇

于12-29 19:00 - GeoffZhu - 性能优化 javascript css html
我来填坑了，CSS篇终于写出来了，如果你没看过前面的JS篇，可以在这里观看. 众所周知，CSS的加载会阻塞浏览器渲染或是引起浏览器重绘，目前业界普遍推荐把CSS放到中，防止在CSS还没加载完，DOM就已经绘制出来了，造成CSS加载完成后的重绘. 那在现代浏览器中我们有没有办法提高首屏渲染速度那.

从事前端开发必须要了解的CSS原理

于06-30 08:00 - - geek
　　从事Web前端开发的人都与CSS打交道很多，有的人也许不知道CSS是怎么去工作的，写出来的CSS浏览器是怎么样去解析的呢. 当这个成为我们提高CSS水平的一个瓶颈时，是否应该多了解一下呢. 　　一、浏览器的发展与CSS. 　　网页浏览器主要通过 HTTP 协议连接网页服务器而取得网页， HTTP 容许网页浏览器送交资料到网页服务器并且获取网页.

于04-21 21:54 - 偏爱花开的声音 - html css 页面布局 html5 css3
（1）清除浏览器默认样式. （1）项目开发初期就定义好. （2） reset.css 在引入的时候一定要放在第一位. （3）不同的产品 reset.css不一样. 3.table合并边框间距. table { border-collapse: collapse; // 合并边框 border-spacing: 0; //边框间距.

css reset重置样式有那么重要吗？

于09-14 21:02 - 风雨过后见彩虹 - css reset
在以前写html代码的时候，一般都会在head里添加重置样式reset.css，其内容如下：. 但是最近在网上看了看网络文章，也感觉有些重置是没有用的. CSS reset的作用是让各个浏览器的CSS样式有一个统一的基准，而这个基准更多的就是“清零”. 有时候看到别人网站站的一些重置是这样的：. div{margin:0; padding:0;}属性呢.

CSS > 选择器优先级与效率优化

于08-07 17:18 - HaoyCn - css css选择器
CSS选择器优先级与效率优化. 本文收集网上各处关于CSS选择器的文章总结，并自己归纳一篇. 在上面的选择器中，此外，经测试. 属性选择器 = 伪类选择器(应用最后一个). 伪类选择器 > 相邻选择器. 相邻选择器 = 子选择器 = 后代选择器(应用最后一个). 后代选择器 > 标签选择器. 同.

从一行CSS调试代码中学到的JavaScript知识

于02-11 18:28 - tw_wangzhengquan -
现在到处都是JavaScript，每天都能知道点新东西. 一旦你入了门，你总能从这里或是那里领悟到很多知识. 一旦我发现一些有意思的东西，我喜欢去感觉他们的源代码，看一看它是怎么办到的. 今天我想分享Addy Osmani的一行代码，这行代码对于你调试你的CSS是很有用的. 注* Addy Osmani 是Google Chrome开发工程师，他前几天开发的字符串解析模板，马上被兼容最新ES6标准的io.js采纳.

CSS 的优先级机制[总结]

于02-06 22:16 - pyzheng -
多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是使多重样式的情况. （外部样式）External style sheet <（内部样式）Internal style sheet <（内联样式）Inline style. 有个例外的情况，就是如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式.

几个CSS重置默认样式reset.css代码

于09-06 22:00 - wallimn -
CSS重置浏览器样式代码一：. font-family: Arial,"微软雅黑";. border: none; } /*一般链接*/ a {. CSS重置浏览器代码三：来自Eric Meyer网站：. CSS重置浏览器代码四： Normalize.css，这是由 Nicolas Gallagher 和 Jonathan Neal 维护的一个CSS 重置样式库，Bootstrap采用.

JS 和 CSS 的位置对其他资源加载顺序的影响

于12-29 10:24 - Aomine - javascript css 响应速度效率
克军做了一系列测试： js和css的顺序关系，给出了现象和结论，但未给出原因. JS 和 CSS 在页面中的位置，会影响其他资源（指 img 等非 js 和 css 资源）的加载顺序，究其原因，有三个值得注意的点：. JS 有可能会修改 DOM.典型的，可能会有. 这意味着，在当前 JS 加载和执行完成前，后续所有资源的下载有可能是没必要的.

为什么 Web 前端开发不抛弃 HTML 和 CSS，用纯 JavaScript 开发？

于06-26 20:30 - 贺师俊 -
首先要确定，即使抛开游戏不论，一般的Web应用或者网站，完全用JavaScript开发也是可行的. 比如ExtJS、webOS的Enyo等. 但是主流Web开发很少采用全JS的方案. 注重考虑那些无法运行JS的用户代理. 用户使用不支持JS的浏览器（比如较老的手机浏览器），或者禁用脚本. 当然你可以选择忽略这一小撮用户，尤其是现在绝大多数网站和应用也是如此选择的，但是至少我们应该对坚持考虑无JS情况的开发者予以基本的尊重.

Web 开发中 20 个很有用的 CSS 库

于06-14 03:23 - 天梯梦 -
在过去的几年中，CSS已经成为一大部分开发者和设计者的最爱，因为它提供了一系列功能和特性. 每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发. 像CSS 库，框架，应用这样的工具能够为开发者做很多事，而且可以使开发者创造出创新立异的WEB应用. 在这篇文件章中我们找到了一系列对开发者有用的CSS库，它们能帮助开发者在一定的期限内取得有创造性和创新性的成果.

使用uncss去除无用的CSS

于05-25 00:18 - 歪脖骇客 - 开发工具 css css优化 uncss 无用的CSS
从代码的角度讲，你知道什么是比往网站或应用里添加功能更好的事情吗. 也许是一些代码、图片、或相关依赖等，就像扔掉家中储存柜里没用的产生异味的存货. 我经常用ImageOptim来优化我的图片的体积，这既能提供页面加载速度，又能减少带宽流量. 然而，你知道有什么工具能找到页面中样式文件里无用的CSS吗.

HTML+CSS小结 - jessies

于11-10 14:54 - jessies -
结构 HTML . 样式 CSS . 行为 JavaScript(交互行为). . 网页标题. 标题.

100个惊人的CSS、JS代码技术

于01-20 17:09 - 设计达人 - HTML & CSS CSS3 HTML5
最近在Codepen看到Top Pens of 2013这个专题，专题内容为2013年上最优秀的前100个CSS、HTML5和Javascript Pens，在惊叹技术人员的创造力同时我们还能学习这些技术，对交互设计师而言还能获取灵感哦. Top Pens of 2013专题地址： http://codepen.io/2013/popular.

Google计划从Bink中移除CSS区块

于02-01 22:42 - WinterIsComing -
CSS区块是一种布局模型，设计用于定义容器，让文本流从一个容器流动到另一个容器，从而提供一种复杂的多列布局. 它主要由Adobe创建，目前尚未成为正式标准，W3C只公布了工作草案. CSS区块受到很多争议，最大的争议是它违反了内容和样式分离的原则. 在五大浏览器中，只有Mozilla没有实现CSS区块，它提议用CSS Fragmentation作为区块的替代.

全面兼容IE6、IE7、IE8、Firefox的CSS HACK方法

于02-28 04:22 - yuexiahandao -
本文和大家重点讨论一下DIV+CSS=2010全面兼容IE6/IE7/IE8/Firefox的CSS HACK，这里主要有两种方法解决IE兼容性问题，请看下文详细介绍. DIV+CSS=2010全面兼容IE6/IE7/IE8/Firefox的CSSHACK. 浏览器市场的混乱，给设计师造成很大的麻烦，设计的页面兼容完这个浏览器还得兼容那个浏览器，本来IE6跟Firefox之间的兼容是很容易解决的.

CSS动画简介

于02-14 16:45 - 阮一峰 - Developer
现在，我不太爱写介绍CSS的文章，因为这不是网站开发的关键. 但是，CSS动画除外，它实在太有用了. 本文介绍CSS动画的两大组成部分：transition和animation. 我不打算给出每一条属性的详尽介绍，那样可以写一本书. 这篇文章只是一个简介，帮助初学者了解全貌，同时又是一个快速指南，当你想不起某一个用法的时候，能够快速地找到提示.

8个纯CSS编写的手机设备Mock Up模型

于03-27 15:27 - 设计达人 - HTML & CSS CSS3
很多设计师在交付设计稿给客户预览时，都喜欢把自己的作品放在一些手机模型或电脑模型上演示，这样可以让客户看到最终的效果输出，所以MOCK UP我们应该收藏一些，在今天的文章中，我们分享8个纯CSS编写的手机设备Mock Up模型，手机品牌有很多哦，如：iPhone5S/5C、诺基亚的Lumia 920、HTC、三星等等，下面一起看看介绍.

优秀的 HTML 和 CSS 代码规范

于03-27 16:59 - SHTION - html5 css HTML
HTML 和 CSS 代码规范究竟是怎么样的. 做网站时， HTML 和 CSS 代码有什么要求. HTML 和 CSS 代码的写法是否影响网站的SEO. 写好 HTML 和 CSS 代码需要注意些什么. 一般大型WEB站点开发设计人员，要求使用者具有一定的 HTML、CSS基础知识，对原代码具有较强的控制能力.

终于搞懂了CSS实现三角形图标的原理

于03-25 16:32 - -
网页中经常有一种三角形的图标，鼠标点一下会弹出一个下拉菜单之类的（之前淘宝也有，不过现在改版好像没有了）. 之前以为是个png图标背景，后来在bootstrap中看到有一个图标样式叫做caret的用来实现这种效果. 没想到用CSS也能实现这个效果. .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }.