现代 CSS

博客

CSS ::Selection

前天在一个前端群中碰到一个网友问了一个有关于唐人CSS帝国中关于选择文本,背景是红色,而文本是白色的问题,如下图所示:

或许大家对这样的实现并不陌生,可是有很多童鞋可能跟我一样,并不知道是如何实现,因为在默认情况下,选择网站文本都是深蓝的背景,白色的字体,就如下本站的而言,选择文本后,背景是深蓝色,而选中的文本就是白色,如下图所示:

CSS3 Multiple Backgrounds

前面几节和大家一起学习了CSS3中给Background新追加的属性:《CSS3 Background-size》、《CSS3 Background-clip》和《CSS3 Background-origin》。

CSS Background-origin

Background-origin是CSS3为Background扩展的第三个属性,从Background-origin字面上不难发现是指背景图片的原点,其实background-origin主要就是用来决定背景图片的定位原点,换句话说就是背景图片定位的起点(

CSS3 Background-clip

上一节在《CSS3 background-size》详细的介绍了CSS3background新增属性之一,今天和大家一起来学习CSS3中有关于Background的第二新属性Ba

CSS3 Background-size

Background大家一定不会陌生,但是CSS3开始,给这个Background属性增加了几个新的属性值 :Background-size,Background-clip

CSS3 @font-face

@font-faceCSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶。

CSS3 Box-sizing

box-sizingCSS3的box属性之一。一说到CSS的盒模型(Box model)我想很多人都会比较烦,特别是对于新手,然而这个Box model又是我们CSS运用中比较重要的一个属性。

CSS3 Word-wrap

CSS3中有关于文本效果的属性,前面在《CSS3 Text-shadow》和《CSS3 Text-overflow》介绍了文本阴影,文本注解的使用,今天主题是超长英文文本自动换行word-wrap的使用,在介绍这个属性的同时,我还把word-breakwhite-space

CSS3 Text-overflow

CSS3Text Effects属性一共有三个;text-shadow;text-overflow;word-wrap

CSS3 Border-image

CSS3中有关于border的属性我们一起学习完了圆角border-radius边框颜色border-color,只剩下最后一个边框图片border-image。今天我们就一起来学习这个border-image的属性。

页面

返回顶部