CSS随笔1(CSS常用样式)

本文详细介绍了CSS样式设置,包括字体大小、样式、行高、粗细等属性,以及背景样式设置,如背景图设置、背景定位和背景关联等内容。

样式

属性
大小  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 随着页面滚动背景不移动

 

转载于:https://www.cnblogs.com/zengbojia/p/7129271.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值