CSS

表格元素的完全指南

HTML的表格的每一个元素都做了比较完整的讲解,并附有大量的demo,带领大家一步步地全面地了解表格,并且讲解了表格的适用范围、语义化等相关问题,希望大家能透过此文对表格有一个全面的认识。

HTML和CSS的分离

多年以来,web标准社区一直在讨论关注点——分离。把CSS样式规则从javascript代码和HTML结构里分离出来。我们确实是这么做的,不是吗?CSS规则放到了独立的文件里,javascript代码放到了另一个独立的文件里,HTML文件就只剩下HTML结构了,这样做既简洁又美观。由Jekst根据的英文文章原名《Decoupling HTML From CSS》进行翻译,给大家介绍了一些HTML和CSS分离的技巧与细节。

CSS的长度单位

CSS的长度单位,大家看得最多的就是像素单位(px)还有就是百分比单位,可是未曾想到,除了这两 个单位还有很多我们不熟悉的,甚至是没有见过的单位,比如说rem、vw、vh等等。当然有些单位现在在各浏览器下还不友好,但是我想将来会像px一样使用起来,这样就能解决一些px之类单位无法实现的功能。今天由Jekst根据的英文文章原名《The Lengths of CSS》进行翻译,给大家带来一篇有关于CSS的长度单位介绍的文章,希望大家喜欢。

HTML和CSS高级指南之二——定位详解

99根据Shay Howe的《HTML和CSS高级指南》第一课《Performance & Organization》所译,给大家详细介绍了如何组织HTML和CSS,制作一个优秀的架构,并介绍了如何对网站代码进行优化,提高站点的性能。今天我给大家所译的是CSS的基础部分,主要介绍的内容是CSS中的position的运用。在此篇文章中详细介绍了position的几个属性的使用方法和需要注意的细节,并与float的区别,最后以z-index属性的介绍结尾。希望这篇译文能给大家带些一点帮助。

如何和何时使用CSS的!important

CSS中的“!important”如何使用?何时使用?着实也让很多前端人员头痛,特别是对程序员来说更头痛。今天David根据的英文文章原名《!important CSS Declarations: How and When to Use Them》进行翻译,文中详细介绍了CSS的“!important”要怎么样?何时用?希望这篇译文对大家的工作有所帮助。

学习提高你CSS技术的法则

这篇文章是写的《LEARNING PRINCIPLES FOR IMPROVING YOUR CSS》。文章介绍的是他一年我来实战中对CSS经验的总结。从代码的规划到css技巧的撑握;从代码的简洁复用性到CSS的对象;从CSS3的如何学习以及如何运用到其优雅降级和渐进增强;从css的预处理到相关工具等等。从十个不同的角度详细剖析了如何让你提高你自己的CSS技能,是一篇非常值得一读的文章。希望这篇译文能给大家带来一定的学习方法,更希望能提高大家的相关技能。

随时可用的基础样式

非常高兴,w3cplus今天迎来了一位新成员enggirl(朋友们口中的“D姐”),今后她将主要负责一些优秀外文的翻译,也就是说,D姐今天开始会不间断的为大家翻译一些国外优秀的前端技术博文,希望大家喜欢,同时更希望这些译文能帮助大家学到国外一些新的前端技术,好的前端技术。在这里我也特别感谢D姐对w3cplus的大力支持,给您道一声“辛苦了”,希望您能伴随着“w3cplus”一起成长,一起进步。

Clear Float

众所周知,平时在写HTML代码时,难免少不了使用Float样式,这样一来,假使您没有清除浮动,那么有浮动元素的父元素容器将元素将无法自动撑开。换句简单好理解的话来说,假如你在写CODE时,其中div.A(这个就是说页面中有一个div,并且把其命名为class="A")中包含了两个或多个子元素div.B,div.C,div.D(这里我以三个为例),并且此时div.B和div.C进行浮动,而div.D不进行任何浮动,此时你可以看到父元素div.A高度仅靠div.D来撑开其高度,如果您将div.A所有子元素进行浮动,当你没有清除内部浮动时,此时会导致浮动的父元素div.A无法自动撑开本身的高度。也就是说:当一个元素是浮动的,如果没有关闭浮动时,其父元素不会包含这个浮动元素,因为此时浮动元素从文档流中脱离。下面我们先来看看这两种现像的实例:

页面

返回顶部