![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 87
有点发红
这个作者很懒,什么都没留下…
展开
-
CSS属性总结(一):background, border, outline
背景background设置元素的所有背景属性,包括background-color、background-image、background-repeat、background-attachment、background-position。设置属性时可以不设置其中的某些项,也没有顺序。上述5个属性可以在CSS中单独设置,但通常推荐统一在background中设置。e.g.bac原创 2011-12-03 17:05:49 · 10822 阅读 · 1 评论 -
CSS属性总结(二):text, font, margin, padding
文本color设置元素内文本的颜色。值可以取任意CSS支持的颜色值,包括颜色名称(如red, blue)、十六进制颜色值(如#ff0000)或者rgb颜色值(如rgb(255, 0, 0))。默认为#000000,黑色。direction设置元素内文本的书写方向。取值有ltr(从左至右)和rtl(从右至左)。默认为ltr。letter-spacing设置相较默认状态下增加或原创 2011-12-05 15:24:27 · 8931 阅读 · 1 评论 -
CSS 伪类与伪元素
CSS的元素选择器除了根据id(#)、class(.)、属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构(DOM树)中获取元素不同的是,伪类和伪元素是预定义的、独立于文档元素的。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征,而是在处于特殊状态的原创 2011-12-06 20:42:32 · 27482 阅读 · 2 评论 -
CSS 内容生成
原文地址:http://www.zhangxinxu.com/wordpress/?p=739一、哗啦哗啦的简介zxx://这里“哗啦哗啦”的作用是为了渲染一种氛围。content属性早在CSS2.1的时候就被引入了,可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持:(Firefox 1.5+, Safari 3.5+, I转载 2011-12-07 16:57:28 · 4213 阅读 · 0 评论 -
CSS 实践:简单的块级元素布局
HTML5 Canvas的学习暂时告一段落。新年到来前的这一个多星期时间,我计划献给CSS。CSS操纵HTML元素布局,简单地说就是用margin或者position来设置元素与元素之间、元素与页面之间的距离,以达到预期的排列效果。下面的示例搭建了一个简单的页面框架:HTML代码:块级元素布局 title menu content n原创 2011-12-23 01:09:47 · 1759 阅读 · 0 评论 -
CSS属性总结(三):positioning, dimension, list, table
定位position设置元素的定位类型,相当于声明当前元素的布局所使用的定位机制,需要left、top、right、bottom、z-index等属性配合使用,否则没有实际效果。取值如下表所示: top、bottom、left、right设置元素的上/下/左/右外边距的边缘与包含该元素的上/下/左/右边界之间的偏移。取值可以是auto,表示浏览器自动计算距离;也可以是带原创 2011-12-06 13:56:23 · 3022 阅读 · 1 评论 -
CSS 实践:两种实现下拉菜单的方法
CSS伪类的一个非常重要的应用就是下拉菜单。最近在学习中发现网上纯粹用CSS实现的下拉菜单主要有两种思路:一种是通过visibility属性的切换,另一种是基于display属性的切换。二者在大体的结构上是一致的,只是对于二级子菜单的隐藏和显示的实现策略上有所不同。下拉菜单的HTML代码如下:CSS下拉菜单 --> --> me原创 2011-12-27 12:51:12 · 2450 阅读 · 0 评论 -
CSS3 动画效果总结
CSS3添加了几个动画效果的属性,通过设置这些属性,可以做出一些简单的动画效果而不需要再去借助JavaScript。CSS3动画的属性主要分为三类:transform、transition以及animation。transformrotate设置元素顺时针旋转的角度,用法是:transform: rotate(x);参数x必须是以deg结尾的角度数或0,可为负数表示反向原创 2011-12-30 15:12:51 · 33351 阅读 · 0 评论