![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
寒风问雪
专注于服务器领域前端领域
展开
-
CSS浮动属性Float详解
什么是CSS Float?float 是 css 的定位属性。在传统的印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中,应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了,就像印刷布局里面的文本框被设置为转载 2012-09-04 11:16:33 · 746 阅读 · 0 评论 -
W3C网页标准验证服务地址
学习网页标准也有一段时间了,不知道自己的水平到底怎么样,下面可以通过W3C提供的网页标准验证来检验一下你的水平啦!css验证地址:http://jigsaw.w3.org/css-validator/#validate-by-uri这个css验证还是中的呢!如果通不过验证,会指出哪些地方出了问题。XHTML验证:http://validator.w3.org/和cs转载 2012-12-15 01:26:26 · 670 阅读 · 0 评论 -
有关WEB前端中的语义化
作天在变卖大学书籍时也不晓得怎么的就想起语义化这个概念,于是乎也就花点时间搞搞它。语义化标记对于刚学web前端脚本语言的童鞋来说往往都没太 在意,哇哈哈,其实我也就算只比较老的菜鸟而已,本文不是说教,只是分享有关语义化的一些东西。那什么是语义化呢?首先抽象的说下语义(Semantic)的概念:“语义可以简单地看作是数据所对应的现实世界中的事物所代表的概念的含义,以及这些含义转载 2012-12-15 01:36:27 · 836 阅读 · 0 评论 -
样式库构建规范
分类: Alice 文档库发表评论↓是否记得这样的试题?用一套同样的HTML结构,生成不同 的视觉效果。CSS 的最大好处就是,灵活。比如同样的HTML结构,可以实现不同的外观;又比如,同样的外观,可以用不同的方式不实现。但灵活的同时也给我们带来麻烦。团队 协作时,大家的编码风格各异,其他人要看懂/debug的成本也因此提高。这时,我们需要一个规范,一个像红灯亮起我们就不能擅闯的规范。转载 2012-12-16 01:20:10 · 743 阅读 · 0 评论 -
CSS 规范
制定本规范的目的在于使我们的CSS代码更加易于维护和重用,从而提升效率执行本规范时建议的流程 建议使用D(esign)C(oding)D(ebug)V(alidate)R(oundup),即DCDVR的流程。首先需要规划样式并分为共有样式和页面个性化样式,然后才开始编码,编码的同时进行Debug,Validate和代码片断的总结,而不是在所有模板都完成后才进行这三个步骤。本规范概述一、关于转载 2012-12-16 01:34:46 · 740 阅读 · 0 评论 -
4条小建议整理你的CSS
长期写网站css,尤其是大型网站的人应该都有一个体会,就是希望把css更有条理、有组织的写出来。让自己的css更加标准化。这样不但方便查看,尤其是在网站做进一步拓展开发时,显的尤为重要,减少很多开发工时,也将更便捷。今天看了一篇相关的国外文章,里面举了一些方法很实用,结合国内的实际情况,整理了一下,来跟大家分享,希望能帮到大家规整化自己的css。有更好建议的朋友也欢迎指出,共同进步。转载 2013-03-10 20:53:31 · 666 阅读 · 0 评论 -
淘宝触屏版宝贝详情改造(一)
经历了将近2个月的时间,宝贝详情的改造终于完成,已经在前段时间上线了,接下来总结一下在项目过程中前端的一些实现。 提示:css3的属性目前浏览器都只要加私有前缀才能支持(如firefox:-moz,chrome & safari & android & ios:-webkit,opera:-o等) 元素宽度自适应 之前做pc端的时候写过一篇宽度自适应转载 2013-03-29 09:49:55 · 1636 阅读 · 0 评论 -
修复iPhone上submit按钮bug
自从完成上次iPhone的几个页面效果后,一直在没有制作iPhone的页面效果了,今天在公司写了一个登录页面效果,让我碰到一个怪异的问题——“表单中的input[type="submit"]和input[type="reset"]按钮在iPhone的safari浏览器下圆角有一个bug”。下面我来简单的描述一下这个bug的样子:初载入页面后,表单中的input[type="submit"]和i转载 2012-12-13 21:26:23 · 741 阅读 · 0 评论 -
Block Formatting Contexts(块级格式化上下文)
前几天看到kejun‘s blog里面的一篇文章:“近期面试感受”,里面提到面试时的一道题的不同的解决方案,比较它们之间的优缺点,其中出现了一个概念:Block Formatting Contexts(块级格式化上下文),而我一点印象都没有,所以就找了一些相关的文章学习一下,看到一篇很好的文章,所以就翻译出来和大家共享一下。原文是:Block Formatting Contexts一个转载 2013-04-03 00:15:45 · 708 阅读 · 0 评论 -
近期面试感受
Posted by Kejun on 2011/10/26. 119 comments.这两天大概面了5、6位应届的同学,最后往往忍不住聊的多了些,有点开复老师的感觉了。归纳下来有几个突出的问题。1. 在公司实习学不到技术,学到的只是做事的方式这些做事的方式(或者说技巧)有些是必要的,比如沟通方面。但更多是没有价值的,比如大公司繁琐的流程,各种毫无道理的开发规范,拖转载 2013-04-02 22:17:02 · 694 阅读 · 0 评论 -
W3C验证失败的10个常见原因
W3C validation有时难以操作,但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员,我们告诉你如何解决。在本文开始前介绍一些使用W3C验证程序时需要注意的问题。不要担心验证程序的警告——如果验证程序说发现12处错误以及83处警告,不要理它,继续进行下一步。转载 2012-12-15 00:56:27 · 870 阅读 · 0 评论 -
如何灵活利用免费开源图标字体-IcoMoon篇
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2416一、温故知新之前有专门介绍过如何使用类似fontforge软件制作自定义字符字体以及如何在web中实际应用。不过,文中提到的是利用系统自带的一些特殊字体,如WINGDNG3.ttf字体。转载 2012-12-13 23:53:41 · 766 阅读 · 0 评论 -
CSS3 各浏览器私有属性前缀
CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。 以下是几种常用前缀 -webkit -moz -ms -o 举例来说,一个CSS3旋转的代码是: -webkit-transform:CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。以下是几种常用前缀-webkit转载 2012-12-13 23:11:03 · 7220 阅读 · 0 评论 -
base64:URL背景图片与web页面性能优化
一、base64百科Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息。某人: 唉,我彻底废柴了,为何上面明明是中文,洒家却看不懂嘞,为什么?好吧,我也不喜欢专业术语的解释。你只要知道,base64编码就是长得像下面这样子的代码:thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS转载 2012-12-12 23:22:35 · 1118 阅读 · 0 评论 -
CSS权重优先级的认知
从CSS代码存放位置看权重优先级:内嵌样式 > 内部样式表 > 外联样式表。其实这个基本可以忽视之,大部分情况下CSS代码都是使用外联样式表。从样式选择器看权重优先级:important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符。important的权重为1,0,0,0ID的权重为0,1,0,0类的权重为0,0,1,0标签的转载 2012-12-13 22:33:48 · 472 阅读 · 0 评论 -
webkit引擎的浏览器取消默认样式:-webkit-appearance:none
在写样式的时候,iphone会有一些默认样式,比如 背景竟然是比较灰,并不黑。使用-webkit-appearance:none可去除系统默认的样式关于-webkit的一些介绍:转载自:http://www.playgoogle.com/post/61.htmlWebKit是Mac OS X v10.3及以上版本所包含的软件框架(对v10.2.7及以上版本也可通过转载 2012-12-13 22:50:22 · 1044 阅读 · 0 评论 -
CSS3快速入门教程:新特性
CSS3 离我们越来越近了。尽管,很多人指出CSS3这样那样的缺陷,如标准还没有最后完善、浏览器的支持也不够全面。但是,有哪次变革毋须阵痛呢?技术的革新是大势所趋,早点熟悉它绝对没 CSS3离我们越来越近了。尽管,很多人指出CSS3这样那样的缺陷,如标准还没有最后完善、浏览器的支持也不够全面。但是,有哪次变革毋须阵痛呢?技术的革新是大势所趋,早点熟悉它绝对没有坏处。转载 2012-12-13 23:02:38 · 705 阅读 · 0 评论 -
CSS3 Media Query实现响应式Web设计(针对不同移动设备宽度)
如今的屏幕分辨率,小至320px(iPhone),大到2560px甚至更高(大显示器),变化范围极大。除了使用传统的台式机,用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下英文原文:responsive design with css3 media queries 如今的屏幕分辨率,小至320px(iPhone),大到2560转载 2012-12-13 23:08:14 · 1786 阅读 · 0 评论 -
-webkit-appearance实现iPad端日历框样式的改变
2012年11月1日随着iPad的盛行,很多人开始在iPad上看网页,对于携程这样一个旅行网来说,日历控件的使用是必不可少的,然后目前使用自定义的日历控件在iPad上会影响用户的操作(使用input文本框来模拟实现,会弹出键盘导致日历弹出层被覆盖等情况)。解决的方法肯定会有,而且方法应该也挺多的,但对于JS能力不强的我而言,想到的是利用HTML5中的input日历属性值。最初在转载 2012-12-13 23:34:26 · 653 阅读 · 0 评论 -
视网膜New iPad与普通分辨率iPad页面的兼容处理
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2732一、这是篇经验分享就算不是果粉也应该知道,iPad2与new iPad的重大区别之一就是显示屏的分辨率。new iPad显示屏被称之为“视网膜显示屏”,其设备分辨比(之前有详细介绍,点击这里查看)是i转载 2012-12-13 23:47:55 · 631 阅读 · 0 评论 -
CSS 中important的作用
"!important"是什么?第一个,是设置样式的优先级,设了!important的样式的属性优先于id选择器和class选择器。,比如id为"Main"的div在它的Class设背景色为红色,,id选择器下又设了背景色为蓝色,照css的"就近原则",它的背景色应该是红色了,因为id选择器的优先级高于class选择器,但是,一旦class里设了"!important",哈哈,id,一边去转载 2012-12-13 22:19:20 · 500 阅读 · 0 评论 -
CSS选择器的优先级数
CSS学习笔记之权重(选择器的优先级数):权重:就是优先级的等级数字化的话#id 权重 100.class 权重 10div(html标签) 权重 1#test div p{ color : red}div .cls{ backgroundColor:blank; color : white;}转载 2012-12-13 22:29:18 · 510 阅读 · 0 评论 -
CSS hack 汇总
10/12. 20111, IE条件注释法,微软官方推荐的hack方式。只在IE下生效这段文字只在IE浏览器上显示只在IE6下生效这段文字只在IE6浏览器上显示只在IE6以上版本生效这段文字只在IE6以上版本IE浏览器上显示只在IE7上不生效这段文字在非IE7浏览器上显示非IE浏览器生效这段文字只在非IE浏览器上显示2, 选转载 2013-04-04 13:33:17 · 531 阅读 · 0 评论