样式属性
Posted 曉瀦
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了样式属性相关的知识,希望对你有一定的参考价值。
背景与前景:background-color:# 背景色 样式表优先级高
backround-image:url(路径);设置背景图
backround-attachment;fixed;背景是固定的 不随字体滚动
background-atttachment:scroll;背景跟随字体滚动
background-reposition:no-repeat; \no-repet,不平铺 repeated平铺 repeated-x横向平铺 repeated-y纵向平铺
background-position:center 背景图居中 设置背景图位置是 repeat必须为“no-reptrat”
backround-position:right top;背景图放在右上角(方位可以自己改变)
background-position:left 100px top 100px 离左边100像素 离上边100像素 (可为负数)
字体 font-family:“字体样式”
font-size:12px 字体大小 常用像素12px、14px、18px 和可以用em 2.5em即:默认字体的2.5倍。还可以用百分数
font-weight:bold; bold为加粗,normal为正常
font-stye:italic; 倾斜,normal 是不倾斜
color:# 颜色
text-decoration:underline 下划线 overline上划线 line-through是删划线 none去掉下划线
text-align:center(水平对齐)居中对齐 left是左对齐, right是右对齐
vertical-alingn:middle(垂直对齐)居中对齐 top为顶端对齐 bottom是底部对齐 一般设置行高后使用
text-indent:28px 首航所进量
line-heinght24px 行高 一般为1.5~2倍字体大小
border-radius: 10px 圆角
box-shadow: -1px -1px 1px black; 为框阴影
text-shadow: 1px 1px 1px green;为字体阴影
transform: rotate(3600deg); 旋转
transform: skewX(45deg);扭曲
cursor: pointer;鼠标指向
以上是关于样式属性的主要内容,如果未能解决你的问题,请参考以下文章