1.CSS背景属性(background)
| 属性 | 描述 |
| background | 在一个声明中设置所有的背景属性 |
| background-attachment | 设置背景图像是否固定或者随着页面的其余部分滚动 |
| background-color | 设置元素的背景颜色 |
| background-image | 设置元素的背景图像 |
| background-position | 设置背景图像的开始位置 |
| background-repeat | 设置是否及如何重复背景图像 |
2.CSS边框属性(border与outline)
| 属性 | 描述 |
| border | 在一个声明中设置所有的边框属性 |
| border-bottom | 在一个声明中设置所有的下边框属性 |
| border-bottom-color | 设置下边框的颜色 |
| border-bottom-style | 设置下边框的样式 |
| border-bottom-width | 设置下边框的宽度 |
| border-color | 设置四条边框的颜色 |
| border-left | 在一个声明中设置所有的左边框属性 |
| border-left-color | 设置左边框的颜色 |
| border-left-style | 设置左边框的样式 |
| border-left-width | 设置左边框的宽度 |
| border-right | 在一个声明中设置所有的右边框属性 |
| border-right-color | 设置右边框的颜色 |
| border-right-style | 设置右边框的样式 |
| border-right-width | 设置右边框的宽度 |
| border-style | 设置四条边框的样式 |
| border-top | 在一个声明中设置所有的上边框属性 |
| border-top-color | 设置上边框的颜色 |
| border-top-style | 设置上边框的样式 |
| border-top-width | 设置上边框的宽度 |
| border-width | 设置四条边框的宽度 |
| outline | 在一个声明中设置所有的轮廓属性 |
| outline-color | 设置轮廓的颜色 |
| outline-style | 设置轮廓的样式 |
| outline-width | 设置轮廓的宽度 |
3.CSS文本属性(text)
| 属性 | 描述 |
| color | 设置文本的颜色 |
| direction | 规定文本的方向/书写方向 |
| letter-spacing | 设置字符间距 |
| line-height | 设置行高 |
| text-align | 规定文本的水平对齐方式 |
| text-decoration | 规定添加到文本的装饰效果 |
| text-indent | 规定文本块首行的缩进 |
| text-shadow | 规定添加到文本的阴影效果 |
| text-transform | 控制文本的大小写 |
| unicode-bidi | 设置文本方向 |
| white-space | 规定如何处理元素中的空白 |
| word-spacing | 设置单词间距 |
4.CSS字体属性(font)
| 属性 | 描述 |
| font | 在一个声明中设置所有字体属性 |
| font-family | 规定文本的字体系列 |
| font-size | 规定文本的字体尺寸 |
| font-size-adjust | 为元素规定aspect值 |
| font-stretch | 收缩或拉伸当前的字体系列 |
| font-style | 规定文本的字体样式 |
| font-variant | 设置或检索对象中的文本是否为小型的大写字母 |
| font-weight | 规定字体的粗细 |
5.CSS外边距属性(margin)
| 属性 | 描述 |
| margin | 在一个声明中设置所有的外边距属性 |
| margin-bottom | 设置元素的下外边距 |
| margin-left | 设置元素的左外边距 |
| margin-right | 设置元素的右外边距 |
| margin-top | 设置元素的上外边距 |
6.CSS内边距属性(padding)
| 属性 | 描述 |
| padding | 在一个声明中设置所有的内边距属性 |
| padding-bottom | 设置元素的下内边距 |
| padding-left | 设置元素的左内边距 |
| padding-right | 设置元素的右内边距 |
| padding-top | 设置元素的上内边距 |
7.CSS列表属性(list)
| 属性 | 描述 |
| list-style | 在一个声明中设置所有的列表属性 |
| list-style-image | 将图像设置为列表项标记 |
| list-style-position |
更多精彩内容其他人还在看
CSS入门教程:计算CSS盒模型宽和高 出处:当我们布局一个网页的时候,经常会遇到这样的一种情况,那就是最终网页成型的宽度或是高度会超出我们预先的计算,其实就就是所谓的CSS的盒模型造成的。
#test{margin:10px;padding:10px;width:100px;height:100px;}
收藏 0赞 0分享 在IE流览器中正确显示PNG透明图片 png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不规则边框的图片带来极大很便利!
但目前IE中对于插入
收藏 0赞 0分享 CSS教程:DIV底部放置文字 css对文字的布局上没有靠容器底部对齐的参数,目前使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近的距离还可以精确到像素,自己可以调节,是不是很不错呢?
收藏 0赞 0分享 如何用CSS让文字居于div的底部 这个问题是别人提出的,因为css对文字的布局上没有靠容器底部对齐的参数,(或许有但是我没有发现)不过目前我使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,我用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近
收藏 0赞 0分享 从A页面连接到B页面后并直接把B页面的隐藏层显示 这个效果实现的是,在B页面里有两个层,一个显示层,我们暂定名c层,一个是隐藏层,我们暂定名d层,单独进B页面的时候,c层显示,d层隐藏,然而从A页面连接到B页面的时候,则是让d层显示,c层隐藏,我觉得这个效果对网页设计者以后会有很大帮助,现在把代码发出来,
收藏 0赞 0分享 CSS样式表定义标签li前面样式定义LI前面的小点样式
view plaincopy to clipboardprint?
语法:
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lowe
收藏 0赞 0分享 符合标准的div css制作的弹出菜单本文介绍了五款符合标准的div css制作的弹出菜单,而且不含有js的.
NO.1最基本的:二级dropdown弹出菜单
<!DOCTYPE html PUB
收藏 0赞 0分享 CSS实现在文章每段后面加入带连接的隐藏文字代码主要理解3个参数:createElement、createTextNode、appendChild。这3个js参数分别是创建元素、创建字符、追加节点。代码原理:循环页面段落标签<p>,创建连接元素<a>,创建要显示的连接字符,用SetAttribute
收藏 0赞 0分享 CSS:浏览器特定选择器介绍当你想在一个浏览器里改变样式而不像在其他浏览器中改变时,这些选择器很有用。
IE6以下
*html{}
IE 7 以下
*:first-child html {} * html {}
只对IE 7
*:first-child html {}
只对IE 7
收藏 0赞 0分享 WEB标准学习,认识两种网页声明的含义即网页标准推出来以后,我们时常会看到两种不同的网页的声明,一个是Dhtml,一个是Xhtml。如下所示:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"ht
收藏 0赞 0分享 |