样式表的属性
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了样式表的属性相关的知识，希望对你有一定的参考价值。
昨天学习了在样式表中，对标签属性进行编辑，主要是要记忆属性的名称和作用：
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滚动条
这一部分内容比较杂，要多熟悉记忆
以上是关于样式表的属性的主要内容，如果未能解决你的问题，请参考以下文章