CSS常用信息速查手册

2016-02-19 14:19 7 1 收藏

下面图老师小编跟大家分享一个简单易学的CSS常用信息速查手册教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - Web开发 】


文字属性 标识符 作用 属性值
  font-family: 定义文字类型,顺序寻找,先找到的为选定值,若都找不到则用默认值 宋体,黑体等
  font-style: 定义字体风格。 normal(标准)italic(斜体)oblique(倾斜)
  font-variant: 改变英文字母的显示 normal,small-caps(小型大写字母)
  font-weight: 使字体加粗 normal(相当于400),bold,lighter,bolder或100~900的九个数
  font-size: 定义字体大小 任意数字,以pt(点阵)、px(屏幕象素)为单位
  文本属性 text-decoration: 修饰文字 underline(加下划线)overline(加上划线)line-thought(加删除线)none(清除下划线,缺省)
  text-align: 文本的显示位置及方式 left,right,center,justify(从左到右对齐)
  颜色属性 color: 定义字体颜色 1.以英文单词为关键字
  2.以十六进制3.用RGB值,用法:RGB(255,0,0) 0~255
  
  背景属性
  
  background-color: 定义背景颜色 同于"颜色属性"的用法
  background-image: 定义背景图象 用法:body{background-image:url(bg.gif)}
  其中"bg.jif"为任意图片
  background-repeat: 按不同方式复制背景 repeat-x:按水平方向复制
  repeat-y:按垂直方式复制
  background-attachment 背景的固定 scroll:背景内容随前景一起滚动
  fixed:背景不动
  background-position: 定义背景位置 top:背景与前景内容顶部对齐
  bottom,left,right
  方式:xxpt xxpt或x% x%或left top
  (以两个英文单词为组合,注意:中间有空格!!)
  
  
  边界属性 margin-top: 对象上边界 缺省值为:0
  关键字:auto
  数值:pt,px,in(英寸),cm(厘米)为单位
  margin-right: 对象右边界 同上.
  margin-bottom: 对象下边界 同上.
  margin-left: 对象左边界 同上.
  
  边界的简洁设置 形式 注解
  DIV{margin:10cm} 所有边界为10cm
  DIV{margin:10cm 3cm} 上下为10cm,左右为3cm
  DIV{margin:1cm 3cm 5cm 7cm} 上为1cm,右为3cm,下为5cm,左为7cm。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1606717.html

延伸阅读
标签: Web开发
ul 标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大。 一个兼容性调整(IE和Mozilla)的笨办法: 初学可能会碰到这样一个情况:同样一个标签...
标签: Web开发
/*******************************************************************************/ 不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不...
标签: Web开发
虽然CSS样式的学习需要我们动手多实践,需要多做案例,思致思考,但有时候注意资料的收集与整理也是非常重要的,在实际开发中往往会起到事半功倍的效果。在www.phpq.net的文档中,也提供了丰富的内容。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。 一、按钮样式 .buttoncss { font-family: "tahoma", "宋体"; /...
标签: Web开发
在XHTML中定义ID、CLASSS都用得上,主要是方面CSS定义样式时能一眼看穿。所以,CSS命名仅作参考。 (1)页面结构类 容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper (2)导航类 导航:nav 主导航:mainnav 子导航:su...
  一、长度单位 长度单位是Web页设计中最常用的一个单位。一个排列无序、杂乱无章的页面不可能给人们留下什么好的印象。于是,在设计的时候需要为元素的位置、尺寸精确地定义一些值,以使其达到预期的效果。 CSS给予人们精确控制网页的能力,这一点为人们津津乐道。它允许人们定义外观、尺寸、空间及其他的样式。但是,CSS所...

经验教程

339

收藏

58

精华推荐

CSS的常用技巧放送

CSS的常用技巧放送

馃敘4鈨o笍

常用css缩略语

常用css缩略语

rack的青年

对设计师和前端人员有用的速查手册

对设计师和前端人员有用的速查手册

地中间的海

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部