码迷,mamicode.com
首页 > Web开发 > 详细

css随笔1(css常用样式)

时间:2017-07-15 10:17:07      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:ack   rom   圆点   das   under   双线   数字   定位   关键字   

样式

属性
大小   font-size(x-large ; xx-small ; 可用数值单位 : PX,PD)
样式   font-style(oblique 偏斜体 ; italic 斜体 ; normal : 正常)
行高

  line-height(单位 : PX,PD,EM)

粗细   font-weight(bold 粗体; lighter: 细体; normal : 正常)
修饰   text-decoration(underline 写划线 ; overline 上划线 ; line-through 删除线 ; bink 闪烁 ;)
常用字体   font-family
背景属性

  backgroun

  色彩  backgroumd-color #FFFFFF

  图片  background-image : url()

  重复  background-repeat            

字间距   letter-spacing
对齐   text-align(justify 两端对齐; left 左对齐; right 右对齐; center  居中;)
缩进   text-indent
垂直对齐   vertical-align(top;text-top;middle;bottom;text-bottom)
空格   e-space
边框属性

  Border                                                                   

  border-style(dotted 点线;dashed 虚线;soliddouble 双线;groove 槽线;ridge 脊状;inset 凹陷;outset 凸现)

  border-width:边框宽度

  border-color:边框颜色

列表属性

  Lise-style(list-style-type:disc 圆点;circle 圆圈;square 方块;decimal 数字;lower-roman 小罗马数字)

 

* 背景样式

  • 设置一张背景图时,可用background-image:url(图片地址)设置,然后用background-size:100%background-repeat:no-repeat使得图片不重复而是单张铺满。
  • 背景定位:background-position,其取值有关键字:top,center,bottom分别和left,right,center 的组合;百分比:%x y%表示背景图片的相对位置;
  • 背景关联:background-attachment:scroll 随着页面的滚动背景;fixed 随着页面滚动背景不移动

 

css随笔1(css常用样式)

标签:ack   rom   圆点   das   under   双线   数字   定位   关键字   

原文地址:http://www.cnblogs.com/zengbojia/p/7129271.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!