建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > DIV+CSS教程 > DIV CSS教程 >

CSS常用信息速查手册

更新时间:2016-12-30整理编辑:建站学习网阅读:0

  文字属性 标识符 作用 属性值

  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。

本文网址:https://www.dedexuexi.com/divcss/jc/1711.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

标签:技巧
收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
IE中css属性writing-mode使用
« 上一篇2016年12月30日
任意图片实现垂直居中的三种方法(兼容性还不错)
2016年12月30日下一篇 »
  • DIV CSS如何给文字字体添加下划线?
    0阅读
    在css中可以使用text-decoration属性或border-bottom属性来给文字添加下划线样式。下面本篇文章就来给大家介绍一下,希望对大家有所帮助。方法1:使用text-decoration属性设置css的text-decoration属性用于指定添加到文本的修饰,其underline属...
  • 纯CSS3实现带动画效果导航菜单无需js
    0阅读
    随着互联网的发展,网页能表现的东西越来越多。由最开始单纯的文字和链接构成的网页,到后来的表格布局,再到div+css模式,现在发展到了 html+css3。网页能表达的东西越来越多,css3兴起已经
  • CSS定义超链接四个状态的正确顺序L-V-H-A
    0阅读
    css定义超链接是要有先后顺序的。否则,在某些浏览器里面有可能会出现某个样式不起作用的bug。不能正确显示想要的效果。 CSS属性的排列顺序: L-V-H-A 。 L-V-H-A是link、visited、hover、active的简写
  • 在ie7下css居中样式text-align:center;偏左问题解决方法
    0阅读
    css样式text-align:center;在ie7下偏左问题,想必有很多朋友的遇到过吧,下面有个不错的方法,大家可以参考下,希望对大家有所帮助 复制代码 代码如下: body { text-align:center; } 用ie7打开是居左的。
  • 对div盒子模型使用心得总结
    0阅读
    相信每一个从事web开发的人对盒子模型都有一个特殊的理解吧,本文也有一个理解并附有示例代码,喜欢的朋友可以参考下 盒子模型的计算 外边距(margin)+边框(border)+内边距(padding)+内容(content
 
QQ在线咨询