更新于:09-23 05:20

有关[css]标签推荐

页面架构HTML+CSS ●▽● 各种布局各种实现

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

样式表的载入会延迟DOM载入事件

于05-15 00:00 - Harttle - CSS DOM JavaScript 事件 Firefox
绝大多数情况下我们总是让JavaScript在DOM载入后再开始执行. 不管是直接用 DOM API 实现还是使用 jQuery,最终都是 DOMContentLoaded事件在起作用. 本文讨论一个我们习以为常却很少了解的问题: 样式文件的载入会延迟脚本执行,以及 DOMContentLoaded事件的触发.

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

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

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

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

玩转HTML5移动APP页面(优化篇)

于04-28 04:10 - 设计 达人 - HTML & CSS 前端开发 HTML5
承接上文《 玩转HTML5移动APP页面(动效篇)》,上次说的是让页面动起来的一些小技巧. 而页面动起来的根基是功能可用的页面,因此有必要分享一些优化细节的技巧和方向,熟悉掌握一些方法论还是会对页面开发大大提高效率的,并且也能防止疏忽缺漏. 涉及的动画十分多,用的元素也十分多,请务必使用雪碧图(Sprite).

可视化格式模型( Visual formatting model)再学习

于04-16 03:41 - Jace - css run-in box Visual formatting model 包含块 可视化格式模型
“理论不懂就实践,实践不会就学理论”,非常赞同bluedavy的这句话. 实践过程中经常会遇到某个属性的使用,浏览器渲染效果与预期效果不符,虽然通过死记硬背能避免或巧妙应用这种效果,但总感心虚发慌、毫无自信,因为不知晓背后的原理. 这时就不要再用“就是这样的”的借口来搪塞自己,我们需要重新认识它. 元素A,C绝对定位,不设置top,bottom值;.

几个前端UI框架的的比较

于02-11 03:14 - FreeZinG - 前端框架 css框架
首先是在问答里面看到了一个问题:. CSS框架 ui 有哪些啊( http://segmentfault.com/q/1010000002547926). 刚开始接触HTML刚开始接触JS我也不懂就看了下- 正好我也在考虑怎么用HTML来搭我的APP UI. 作为初学者,我发现Amaze UI是中文的,觉得对初学者看起来会更简单 - 尤其对HTML CSS等一窍不通,很快有人推荐了Ratchet,看了下感觉用来做手机APP确实很简单的样子.

HTML head 头标签

于01-17 00:16 - FEX 百度 Web 前端研发部 - CSS/HTML
HTML head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性. 移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要. 了解每个标签的意义,写出满足自己需求的 head 头标签,是本文的目的.

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

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

来,让我们谈一谈Normalize.css

于11-20 12:57 - JerryZou - css Normalize.css
最初发布于我的博客: http://jerryzou.com/posts/aboutNormalizeCss/. Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性. 相比于传统的 CSS reset, Normalize.css是一种现代的、为HTML5准备的优质替代方案.

12个你未必知道的CSS小知识

于08-04 16:51 - 歪脖骇客 - 技术技巧 css
虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过. 1.CSS的color属性并非只能用于文本显示. 对于CSS的 color属性,相信所有Web开发人员都使用过. 如果你并不是一个特别有经验的程序员,我相信你未必知道 color属性除了能用在文本显示,还可以用作其它地方.

定义浏览器统一的默认样式:Normalize.css

于07-17 15:25 - Denis - 开源程序 CSS Normalize.css
如果你从事网页前端工作,肯定会发现不同浏览器的默认样式有细微的差异,这个让你在使用 CSS 进行布局工作的时候相当烦人,况且有些差异还不是那么细微,比如不同浏览器之间的默认表单样式差异以及 <html> 和 <body> 元素的margin 和 padding 的差异等. Normalize.css 介绍.

未来必热:SVG Sprite技术介绍

于07-10 10:03 - 张 鑫旭 - SVG相关 css sprites grunt grunt-svgstore illustrator
本文地址: http://www.zhangxinxu.com/wordpress/?p=4264. 这里所说的Sprite技术,没错,类似于CSS中的Sprite技术. 图标图形整合在一起,实际呈现的时候准确显示特定图标. 另,本文图片甚多,爪机党继续浏览需慎重. 二、SVG Sprite与symbol元素.

9个最新的手机/移动设备jQuery插件

于06-10 07:20 - 设计 达人 - HTML & CSS jQuery
随着互联网的流行,移动网站开始急速增加,在2014年手机网站将会出现很多,所以手机网站是必须要学会制作的. 手机网站不像桌面平台一样制作,否则会影响显示效果,目前大部分手机网站使用 响应式设计技术,而且也很流行. 但是新手想实现响应式技术是不容易的,所以我们可以用一些响应式框架或适用于移动设备的jQuery插件来制作,这样能方便实现我们的需求.

使用uncss去除无用的CSS

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

HTML5游戏前端开发秘籍

于04-29 07:31 - 米随随 - 前端技术 CSS html5
QQ空间Android版4.2和4.5上线的玩吧游戏“空间疯狂套牛”是一款使用HTML5开发出的手机游戏,虽然还有很多不足,但其中使用的一些技术与技巧还是很有必要为大家分享出来,方便大家用秘籍打通各种关卡创造出更多更好的HTML5游戏. (本秘籍主要讲述使用HTML + CSS技术方面). Android手机的屏幕碎片化非常严重,各种各样的分辨率非常之多,那么如何让游戏可以适配这些机型就显得尤为重要.

使用Helium找出页面上无用的CSS样式

于04-16 03:50 - santiago - 技术技巧 css css优化 Helium 工具
我最无法忍受的一个事情就是多余的代码. 不论是页面中的CSS还是JavaScript,还是浮肿的HTML代码或没有优化的图片,这是我们的懒惰和错误让成千上万的访问用户受连累. 有一个非常棒的工具,叫做 Helium,它能帮助程序员找出样式表中无用的或有问题的样式规则. 第一步是把这个脚本嵌入到你的页面中,在脚本加载后初始化它:.

用JavaScript创建新样式表和新样式规则

于04-14 16:04 - santiago - 技术技巧 css javascript 样式规则
如今的这个年代,流行在Web页面上使用了大量的JavaScript,我们需要寻找各种方式来优化它们,使它们更快. 我们使用 事件委托来让事件监听器更有效率,使用 降频技术来限定某些方法的使用次数,使用各种JavaScript加载器来动态加载我们需要的资源,等等. 另外一种让页面更高效、更敏捷的方法是动态的添加或移除样式表里的样式,而不需要去查询DOM元素,对每个元素做样式调整.

连续文本CSS处理方法

于04-09 05:03 - Jace - css
好久没有写博客了,把老文章发出来. 在宽度有限的情况下,CJK文本和常规西文单词在遇到容器边界时通常会自动换行显示. 图1 文字自动换行(查看 多语种文本自动换行DEMO). 但是长连续文本(如连续字母、连续数字、URL等)会撑破容器在单行内显示,如图2. 为了解决这个问题,我们通常会使用样式: word-wrap: break-word(当内容超过容器边界时是否断开转行),效果见图3.

一行CSS实现各种响应式元素 – Fluidity

于03-31 07:06 - 设计 达人 - HTML & CSS 响应式设计
FLUIDITY是一个极微小的 CSS样式表,压缩版只有一行代码,大小只有115个字节,它能实现图像、文本、Canvas、Table表格以及iFrame框架的响应式功能. 这个响应式非常适合用于一般企业站或文章内容上,如果需要表单、layout等支持就需要那些响应式框架了,但那些文件实现太大了,如Bootstrap就已经100KB+了,所以我觉得够用就好,下面一起来看看介绍.

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

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

优秀的 HTML 和 CSS 代码规范

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

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

于01-20 09: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.

前端工程師必看: 十大 CSS 技巧

于01-03 07:05 - appleboy - Compass CSS Framework CSS Compass SASS
底下內容來自於原網站,在加上筆者的一些補充. 用 firebug 或 console 來除錯. 在 Firefox 還沒有推出 Developer Tools 時,大家一定是用 Firebug 來除錯,2006 年 Firebug 第一版 release 出來,讓 web 開發者可以更快速的瞭解網站除錯,也可以透過 Firebug 來瞭解網站的 performance.

42个新鲜的开发人员资源素材

于12-15 02:04 - jackchen - 网页设计 CSS JavaScript jquery WEB
对于开发和设计人员来说,很多时候接到项目后需要时刻和时间去做无形的赛跑. 如何提高效率是每一次项目结束后大家都会讨论的热点问题之一. 如何去接受和更多了解一些新工具或许是开启速度的钥匙. 为了提高效率很多优秀的设计师和开发人员会在经历了一些项目后把经验演变成新的规则工具. 后来者就可以站在前人的臂弯上去快速开始一些基础架构.

为原生表单控件穿上美丽的外衣

于11-25 03:55 - Fufu - 前端技术 CSS isux 用户体验
在互联网成熟的今天,大家对网站的要求不仅仅在功能实现上,也开始注重视觉设计,多终端用户体验等等. 表单控件是web页面上重要的组成元素,具有非常高的功能性. 交互设计师为它设计更加方便的操作方式,视觉设计师也会绞尽脑汁设计出更加夺人眼球的视觉展现. 可是由于表单控件自身的局限性,不能很好地自定义外表,所以就诞生了一系列的由聪明的前端同学模拟出来的以假乱真的表单控件.

网页重构应该避免的10大 CSS 糟糕用法

于11-21 23:18 - 罗磊 - CSS/HTML
   今天在回广州的火车上看到一篇 “10 CSS mistakes every web designer must avoid”,想着还不错,就翻译给大家.    对于网页重构来说, CSS禅意花园 是网页布局从 table 表格转到了 html +css 的标志. 这些年来,随着我们的网站越来越复杂:html5,css3,新的技术、新的属性,越来越多的开发者开始思考和尝试提高他们的 CSS 技能.

利用css @viewport 做设备适配

于11-08 17:17 - Jace - css @viewport css 设备适配
在需要调整设备浏览器的viewport时,我们通常在HTML中使用来解决. 但是令人意想不到的是,viewport meta标签并不具有“规范性”,即它不是W3C的正式标准,也非Web标准. Apple公司率先在其iPhone中的Safari浏览器中实现了viewport meta标签,其他浏览器厂商也快速采纳了它.

响应式网页设计

于11-06 23:32 - 鑫发现 - CSS/HTML
响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:为什么一定要为每个用户群各自打造一套设计和开发方案. Web设计应该做到根据不同设备环境自动响应及调整. 当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像是一种对于设计的全新思维模式;我们应当向下兼容、移动优先.

可以从CSS框架中借鉴到什么

于10-17 05:55 - 杯面小王子 - 前端技术 CSS
现在很多人会使用 CSS 框架进行快速建站,. 那 CSS 框架是什么呢,它通常是一些 CSS 文件的集合,这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置. 使用 CSS 框架大大降低工作成本进行快速建站. 当然对于一些大型的项目,可能会很难照搬某些框架直接使用的,因为直接使用会带来一些限制或者冗余的问题.