样式表的属性

标签：画线   ora   滚动   over   bsp   none   visible   poi   box   

   昨天学习了在样式表中，对标签属性进行编辑，主要是要记忆属性的名称和作用：

1.字体

font-family 字体的样式

font-size 字体大小

font-style：italic； 字体倾斜

font-weight：bold字体加粗

text-decoration:underline; 下划线

                         overline      上画线

                         line-through 删除线（或者用<del></del>标签）

color 字体颜色

2.对齐方式

text-align 水平对齐方式

verticl-align：middle； 垂直对齐方式

line-height 行高  把行高设置成和边框的高一样，可以达到垂直居中的效果

3.列表方块

<ul>

      <li>

      <li>

</ul>

list-style:none; 去掉点

list-style-image:url(图片地址）；把序号改为i图片

4.盒子模型

 background-color  背景色

 background-image  背景图片  后面接url（） 括号里填图片位置

 background-repeat  背景图片的平铺方式  ：no repeat  让图片只显示一次，

 background-position  背景图片的位置   center 居中

 background-size  背景图片的大小  设置图片的长高，可以写百分比，如果写具体的必须加上单位px；

 background-attachment  设置背景图片是否滚动

5.边框边距

 margin  外边距  四个参数，上右下左（顺时针顺序）

  padding  内边距  上右下左，如果加入了内边距，该元素会相应的变大

  border  边框  三个参数  ， 边框粗细，边框大小，边框颜色。

6.鼠标指向

hover

cursor：pointer；变成小手

transform 转动角度

box-shadow：5px 5px 0px black 文字阴影 四组值 向右 向下 虚化 颜色

text-shadow 文字阴影

transition 过度效果

boder-radius 圆角

7.其他

z-index 分层 

display  显示biock，隐藏none，不占位置

visibility 显示visible  隐藏hidden，占位置

overflow  超出范围 hidden隐藏，超出边框范围的会隐藏 scroll滚动条

这一部分内容比较杂，要多熟悉记忆

样式表的属性

标签：画线   ora   滚动   over   bsp   none   visible   poi   box   

原文地址：http://www.cnblogs.com/lxzwhite/p/7520852.html