css进阶学习

文字与字体样式

加粗 

font-weight：lighter

100~300细  400~500正常 600~900加粗 bold加粗同六百 bdder加粗同强调标签strong

倾斜

font-style:italic

normal:正常 italic斜体 oblique斜体强制

字体样式

font-family

阴影

text-shadow：

第一个值x轴 第二个值y轴 第三个值模糊度 第四个值阴影颜色

文本间隔

word-spacing 段落间隔

letter-spacing 字符间隔

指定空白处理

white-space：

pre保留空白 nowrap不换行直到遇到<br>标签 pre-wrap保留空白符能正常换行 pre-line合并空白符保留换行

背景

平铺方式

background-repeat

repent默认 -x横平铺 -y纵平铺 no不平铺

背景图像是否滚动

-attachnent：fixed

background-position：背景起始位置
eft/right/center/bottom/top 这几个属性值可以两两组合使用，如果只规定了一个关键词，那么第二个值将是"center"
x% y% 第一个值是水平位置，第二个值是垂直位置。
左上角是 0% 0% 右上角是 100%100%
如果仅规定了一个值，另一个值是50
background-attachment：背景图像是否固定或者随着页面的其余部分滚动
scroll 默认值
 fixed 当页面的其余部分滚动时，背景图像不会移动。
 background-size：背景图片大小
 cover：将图像扩展到足够大，以图片覆盖整个背景区域
contain：横向或纵向其中一边值为100%时，停止覆盖

边框
 border-width：边框宽度
 thin    细的边框
 medium  默认
  thick   粗的边框
        border-style:边框样式 none：无 dotted：点状 dashed：虚线 solid：实线
  groove：槽线
  ridge：3D垄状
 inset/outset
  border-color：颜色
与margin和padding相同可以多个值，顺序也相同
border-radius：圆角
一个值：全部
 两个值：左上，右下  左下，右上
 三个值：左上，左下 右上，右下
四个值：左上，右下，右下，左下（顺时针）
border-image：边框图片
stretch：拉伸图片以填充边框
repeat：平铺图片以填充边框
round：平铺图像。当不能整数次平铺时，根据情况放大或缩小图像
space：平铺图像。当不能整数次平铺时，会用空白间隙填充在图像周围（不会放大或缩小图像）
 box-shadow：向方框添加一个或多个阴影
  第一个值：横向偏移量 第二个值：纵向偏移量 第三个值：阴影模糊程度 第四个值：阴影外延值
第五个值：阴影颜色 第六个值：阴影朝向（inset/outset）