文章分类 - css
mobile website 的CSS技术点
摘要:1. CSS3 media queries 2. Fluid-grid layouts [flat and percentage to display the web page] 3. Fluid images and media 4. development tools, debug tools for mobile web 5. optimize mobile website (性能问题: ...
阅读全文
CSS 重点技术点总结
摘要:priority for Selector level 基本的选择器优先级: The specificity of a selector is broken down into four constituent levels: a, b, c, and d.• If the style is an inline style, a equals 1.• b equals the total ...
阅读全文
CSS Rules
摘要:the basic (基本原则)—>CSS的设计 1.保证CSS是可以访问的 2.采用CSS的级别支持 what’s accessibility? Let’s look at a list of common problems that might translate into accessibility impairments that are not physiological...
阅读全文
develop tools for css
摘要:以下的使用较多的CSS tools 跨IE的测试: if you choose Linux or Mac as your development client, you should install Wine or install virtualization software like VMWare Fusion or Parallels Desktop on your PC. ...
阅读全文
choose standard html elements for structure of css
摘要:个人觉得一个高质量网页的前提是由符合web标准的HTML元素构成,再是CSS的使用。如果应该使用P的而去使用div,span,那些这种结构很明显是混乱的。每一个HTML元素都有 Heading h1 the <h1> tag is the most important introduction to a page’s content. 并且每一个页面只能有一个标题。 H2 sev...
阅读全文
fireworks要总结的点
摘要:1.web切片时,导出指定的格式(如以jpeg,gif,png的方式来导出) 2.fireworks打开PSD文件,同时又要保证图片文件不变形的方法 3.修改或者是加大图片(添加高度或者是宽度时,特别是有渐变的),解决缩放时变形的问题 4.选择图片,同时要保证图片连续是光滑的(使用魔术棒工具经常出现图片不规则的情况 ) 5.如何制作基本的圆角图片或者是带有阴影的图片 6.如何知道图片中的...
阅读全文
IE6,7在postion属性下,无法使用z-index的bug以及解决方法
摘要:I had an absolutely positioned div (hover menu) and under it I had a transparent PNG that was also absolutely positioned. It looked like following: or: The Solution The absolutely positione...
阅读全文
CSS要总结的点
摘要:IE6下不支持PNG透明图的问题1. 使用非常用的五种字体导致浏览器不兼容:字体变形使用背景图片来做项目编号基于webkit,Gekko浏览器来实现的圆角以及阴影透明效果多列布局中,由于内容多少不一,导致列与列不等高的问题(即等高的问题)1. LOGO,或者使用基于图片的文字标签导致对SEO不友好问题的解决方案解决IE8以下版本,单击链接出现明显的边框IE7,safari 链接或者是图片等内联元素占用部分间距导致的宽度不够使用链接按钮来取代图片按钮?解决HTML5所定义的元素(aside,nav)等在IE下无法识别的问题?对于CSS结构以及整体的规划包括reset以及常用元素的定义CSS Sp
阅读全文
常用的CSS实现效果
摘要:在工作中有很多常用的CSS实现思路以及效果: 1. 文字图片,logo的困惑:使用图片不利于搜索引擎;而使用字体文字,则页面并不美观 使用The Phark Method的方式来解决这种问题应该是最好的。
阅读全文
圆角,阴影,透明等效果的实现
摘要:圆角,阴影以及透明效果的实现其实有很多种方式,不过大多数是基于两种理念: 使用gecko,webkit的内核直接实现(chrome,firefox,safari)等,但是很显然IE是不支持的 使用背景图片的支持,这种方式需要很多的额外HTML标签来支持实现
阅读全文
对HTML5的感触以及想法
摘要:自己一直想去学HTML5,并且希望可能将它应用在实际的项目中。但是每次都无法实现,说其原因:很多是由于HTML5本身的特性以及浏览器的不支持所导致的。 HTML5的新标签:nav,header等在IE6,IE7,IE8,safari2都是无法支持,应该这种标签无法使用到实际的项目中. 就目前的状况而言:HTML可以用在自己项目中的可能就只有表单元素,doctotype等。
阅读全文
choose standard html elements for structure of css
摘要:个人觉得一个高质量网页的前提是由符合web标准的HTML元素构成,再是CSS的使用。如果应该使用P的而去使用div,span,那些这种结构很明显是混乱的。 Quotations(用户评论,引用名人名言) “Misquotations are the only quotations that are never misquoted.”—Hesketh Pearson standard H...
阅读全文
CSS Sprite的应用
摘要:什么是CSS Sprite ?不知道您在浏览yahoo.com的网页中是否注意到,yahoo在页面制作上的技术和大多数网站不一样,他们把页面上的 ICON,栏目背景啊,图片按钮啊等都有会有规则的合并一张背景图,然后用background-position来实现背景图片的定位,他们为什么要花费一些时间来合并这些CSS背景图片呢,CSS中用一张背景图做页面的技术到底有什么优势呢?通常我们把它叫做CSS图像拼合技术,当然还有人把CSS Sprites叫做”CSS贴图定位”。使用CSS Sprite 的好处?CSS Sprites(图片整合技术) 的目的就是通过整合图片,减少对服务器的请求数量,从而加
阅读全文
主流浏览器内核
摘要:浏览器最核心的部分是渲染引擎(Rendering Engine),我们一般习惯称之为“浏览器内核”,其负责解析网页语法(如HTML、JavaScript)并渲染、展示网页。因此,所谓的浏览器内核通常也就是指浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。 以图片的方式来显示主流的浏览器使用内核 基本的浏览器内核简介 (1)Trident Trident(又称为MS...
阅读全文
表格中的nowrap属性
摘要:说明: HTML中td,th等元素的单元格中的文字默认是自动换行。HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行。 但使用时要注意的是,td元素noWrap属性的行为与td元素的width属性有关。td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度,则nowrap属性起作用的,如果设置了td宽度,则nowrap属性不起作用。其示例的代码为:[代...
阅读全文