HTML/JS/CSS 标签

选择器速查(W3C Selectors Level 3)

  |   2 评论   |   160 浏览

W3C Selectors Level 3

此速查表译自:W3C Selectors Level 3
对于每一种选择器,都添加了由 Mozilla 提供的详细说明页面的直达链接。

模式 描述 释义
* 通配选择符 任意元素。
E 标签选择器 任意标签为E的元素。
E.warning 类选择器 一个E元素,其类为“warning”(文档语言决定如何判断类)。
E#myid ID选择器 一个E元素,其ID等于“myid”。
E[foo] 属性选择器 一个E元素,其拥有“foo”属性的。

点击查看原文查看完整速查列表。

一个开发者的Web Browser——Chrome

  |   10 评论   |   29,939 浏览

作为一名开发人员,使用一些比较Sharp的工具来辅助生产,产生的效果不仅仅是能够用事半功倍来表现的。

在web开发方面,一个开发者的浏览器不应该仅仅只是个单纯的“浏览·—·器”,一个犀利的Developer是绝对不能使用IE这种破铜烂铁的。尽管IE4当年风靡全球,但是据我所知IE6已经是十年前的产物了,十年前。

一个脑袋正常点的开发人员看了此文之后是绝对不会使用IE货的,从以下几个方面稍微比对下国内主流浏览器的实用性(本文所说的IE指IE9以下版本,由于IE9只支持win7,寡人XP没法测试。)。其它一些是否好看漂亮,是否安全,是否支持收藏夹同步等比较浮云的东西就不测了。

DIV + CSS 教程(六)——table

  |   2 评论   |   14,414 浏览

初学者在熟悉一些HTML之后在制作页面时大多是在Dreamweaver这样的软件中使用鼠标的拖拉点击形成的页面,由于不是自己编写的每一行代码,所以一旦出现所见非所得(在DW中显示的样子跟在实际浏览器中展现的样子不一样)时就会变得痛苦不堪。

我个人认为,我们应当为自己生产的每一行代码负责,做到心中有数。所以,当我们渐渐能够使用DW拖拽出一些东西的时候我们应当精益求精去了解代码,自己用字符去控制页面上的每一个像素,否则当需求变更或出现小毛病时,页面越来越复杂,代码凌乱不堪无法认读(不是自己写的所以更加难以认读),最后导致页面无法维护与修改直至崩溃。

所以最有效的解决方案便是自己手动去编写每一行代码,并使用CSS来控制其样式,拒绝使用标签属性来控制其样式。HTML只管把网页的内容带到这个页面上来,至于其样式,全部交给CSS来控制。

其实细细算来,网页上的样式调来调去无非是颜色、高度、宽度、边框、距离、水平对齐、垂直对齐等这些东西,内容并不多。

放弃鼠标,敲打代码来控制页面上的每一个像素。

推荐25个优秀网页表单设计案例

  |   0 评论   |   10,630 浏览

表单是网站非常重要的一部分。每个网站都有带自己风格的表单,可能是简洁的,也可能是多彩的、很有创意的。当你设计网站的时候,表单是你应该重点关注的元素,像登录、注册、留言等等。我们需要牢记的是应尽量吸引用户的注意力,使他们想要往表单里填写信息。这里收集了一些很好的例子供大家参考。

forms21

DIV + CSS 教程(五)——table

  |   0 评论   |   10,357 浏览

按照W3C的初衷来讲,table并不是用于布局的。所以严格来说不应该有table布局这个概念,只是tabel展示内容时是以很整齐的一块一块来展示的,很符合我们页面布局的习惯,所以便有了“table布”局这一说。

那么,如果table不是用来布局的,它是什么呢?其实可以这么理解,table跟img或Flash一样,它是被展示的内容,主要展示二维表结构的数据。所以Table被展示的内容,而不是用来布局的。尽管table也能起到布局的效果,习惯使用“table布局”的童鞋要慢慢转变观念,抛弃这种手段。

DIV + CSS 教程(四)——img

  |   1 评论   |   10,171 浏览

网页展现的优势在于它所能展现的元素的多样性。网页上的信息来源于文字、图片、声音、视频和Flash等,另外一些漂亮的页面特效也加强了浏览者的浏览体验。

一个没有图像的页面是无法让浏览者接受的,我们不可能愚蠢到使用纯文本去展现一个页面的所有信息,当然,特出情况下除外。事实上我们的确没有见过没有图像的网页,就算是纯Flash的网页,Flash也是包含图片的。人类对图片的处理能力更强,更容易从一张图片上获取到许多的信息。我们应当充分利用这个特点。

对于一张图片而言,使用CSS来改变其样式的时候其实并不多,因为一张好的图片是不需要被改变其外观的。不过对于大多数人而言,我们没有足够的精力去制作每一张我们需要的图片,互联网的共享精神让我们常常能够“不劳而获”。使用别人已经做好的图片来丰富自己的网页,这也是一项技能。

DIV + CSS 教程(二)——何谓CSS

  |   7 评论   |   13,108 浏览

什么是CSS,百度一下,你就知道。

用一句话概括:用于控制Web页面的外观。

一次只学很简单的一点点东西,我们迈出了第一步,有了第一步就会有第二步,就像上楼梯一样,一次只提高很小的一点点,但是每一步都有因为提高而带来成就感,激发我们学习的兴趣,不知不觉中我们就到了楼顶。

DIV + CSS 教程(一)——前言

  |   0 评论   |   8,114 浏览

决心写点东西了,一为归纳总结自己所学,查漏补缺,二来也可以帮助一些人。做程序员时间不长,会的东西也不多,所以语言方面就不敢拿出来讲了。看到国内Table布局盛行,做出来的页面惨不忍睹(至少是代码惨不忍睹),所以选择写一套关于CSS的东西。