昨天学习了在样式表中,对标签属性进行编辑,主要是要记忆属性的名称和作用:
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滚动条
这一部分内容比较杂,要多熟悉记忆